Дизайн таблиц с данными

Эндрю Койл собрал в одну статью приёмы проектирования больших таблиц с данными. Речь идёт не о предоставлении самих данных в таблице, а о дополнительных интерфейсных возможностях вроде фильтров и быстрого просмотра.

Эти возможности считаю однозначно полезными:

  • Фиксированный заголовок, чтобы не путаться где что при прокрутке.
  • Сводка данных таблицы, чтобы быстро составить представление о датасете.
  • Инлайн-редактирование, если пользователи часто меняют данные.
  • Быстрый просмотр, если данные, напротив, никогда не меняются.
  • Сортировка и фильтрация. Здесь Эндрю забыл указать самый главный приём — поиск одной строкой по всем колонкам (быстрее и удобнее, чем расставлять отдельные условия по каждому столбцу).

Эти пригодятся в специфических ситуациях:

  • Фиксированные столбцы.
  • Изменение размера столбца.
  • Чередование фона строк.
  • Управляющие кнопки по наведению курсора на строку.
  • Модальное окно с данными из строки.
  • Настройка показываемых столбцов.

А эти я бы вообще никогда не использовал:

  • Ручное изменение визуальной «плотности» данных (если так уж надо, пусть программа делает это автоматически, глядя на размер окна).
  • Явный переход по страницам (сделайте нормальный бесконечный скролл или показывайте топ-N записей).
  • Мульти-модальные окна (ноу коментс).

Design Better Data Tables

Заметка из телеграм-канала «Интерфейсы без шелухи»