Данные бесполезны, если нет возможности их визуализировать и действовать в соответствии с ними. Успех будущих индустрий соединит в себе усовершенствованные методы сбора данных и хороший пользовательский опыт. А львиная доля этого пользовательского опыта будет содержаться именно в таблицах данных.
Хорошие таблицы данных позволяют пользователям просматривать, анализировать, сравнивать, фильтровать, сортировать, и манипулировать информацией для генерирования новых идей и совершения действий. В этой статье представлен список структур дизайна, шаблонов взаимодействия, и методов, которые помогут вам разработать лучшие таблицы данных.
Фиксированный заголовок
Фиксация заголовка строки во время скроллинга, обеспечивает понимание того, в каком столбце находится пользователь.
Горизонтальная прокрутка
Применение горизонтальной прокрутки неизбежно, при представлении больших наборов данных. Правильно будет разместить данные идентификатора в первом столбце. Также, добавьте возможность блокировки отдельных колонок, чтобы пользователи могли сравнивать данные нескольких закрепленных идентификаторов.
Изменение размера колонок
Изменение размера столбцов позволяет пользователям видеть сокращенные данные полностью.
Строчный стиль
Зебра, отлинеивание, свободная форма
Строчный стиль помогает пользователям просматривать данные. Сокращение визуального шума при помощи удаления разделительных линий хорошо работает в случае с небольшими наборами данных. Но при работе с большим объемом данных, пользователь может потеряться. Отлинеивание поможет им сохранить взгляд на нужном участке.
Плотность отображения
Уменьшение высоты ряда позволит пользователю увидеть больше данных, без необходимости использования прокрутки. Однако, это влияет на просматриваемость, и приводит к ошибкам. Поэтому, большое количество успешных дизайнов таблиц данных включают в себя возможность управления плотностью отображения.
Визуальная сводная диаграмма
Визуальная сводная диаграмма предоставляет обзор сопутствующей таблицы. Это позволяет пользователю определять совокупные закономерности и проблемы.
Нумерация страниц
Нумерация страниц работает как меню, определяющее количество строк, с возможностью перехода к следующему набору данных. В приведенном выше примере можно настроить количество строк для каждой страницы. Этот вариант часто заменяется бесконечной прокруткой. Она загружает результаты постепенно, по мере прокрутки.
Действия при наведении курсора мыши
Дополнительные действия, появляющиеся по наведении курсора мыши, снижают визуальный беспорядок. Однако, этот подход может вызвать проблемы с обнаружением, поскольку, чтобы увидеть возможные действия, пользователю придется взаимодействовать с таблицей.
Строчное редактирование
Строчное редактирование позволяет пользователю изменять данные таблицы, без необходимости переключения в режим детального просмотра.
Расширяемые строки
Возможность расширения строки позволяет пользователю просматривать дополнительную информацию, не теряя при этом контекст.
Быстрый просмотр
Быстрый просмотр, как и расширяемые строки, позволяют пользователю просматривать дополнительную информацию, сохраняя контекст.
Модальные окна
Модальные окна позволяют пользователю оставаться в режиме просмотра таблицы, но больше внимания уделяют дополнительной информации и возможным действиям.
Мультимодальность
Мультимодальность — это мощный инструмент, позволяющий использовать множество различных действий, или сравнивать детали разных элементов таблицы.
От строки, к детальной информации
Клик по строке превращает таблицу, в вид, со списком слева и дополнительной информацией справа. Он позволяет пользователю анализировать большие наборы данных, а также получать ссылки на многие элементы, не теряя при этом контекст.
Сортируемые колонки
Сортировка столбцов позволяет упорядочивать столбцы по алфавиту и по номерам.
Базовая фильтрация
Базовая фильтрация позволяет пользователям манипулировать данными, содержащимися в таблице.
Фильтрование столбцов
Этот шаблон позволяет пользователям установить параметры фильтрации для определенных столбцов.
Поиск
Этот шаблон позволяет пользователю выполнять поиск конкретных значений в каждом столбце.
Добавление колонок
Этот шаблон позволяет добавлять колонки из своего набора данных. Это способ ограничить данные таблицы только необходимой информацией.
Настраиваемые столбцы
Эта функция позволяет выбирать необходимые вам столбцы, и сортировать их соответствующим образом. Она может включать в себя возможность сохранения настроек для последующего использования.
Почему таблицы так важны?
Данные становятся сырьевым материалом мировой экономики. Гонка за данными ведет к переосмыслению устаревших отраслей. Энергетика, СМИ, производство, логистика, здравоохранение, розничная торговля, финансы и даже правительство проходят цифровую революцию.
Однако, данные бесполезны, если нет возможности их визуализировать и действовать в соответствии с ними. Компании, которые переживут следующее десятилетие будут обладать не только лучшими данными, но и лучшим пользовательским опытом.
Перевод статьи Эндрю Койла
