Свежий взгляд на дашборды — после длительного перерыва — позволяет заметить то, к чему глаз привык: где-то приходится долго скроллить, где-то складывать цифры в уме, где-то тянуться мышкой к нужному элементу. Каждое из этих действий занимает пару секунд. Но они повторяются много раз в день у разных людей — и в итоге складываются в ощутимые потери времени.
Такие UX-ошибки обычно исправляются быстро и без больших затрат. Время на их устранение с лихвой окупается за счёт экономии времени пользователей. Ниже — пять наиболее распространённых проблем и способы их решить.
1. Фильтры расположены хаотично
На большинстве дашбордов есть много фильтров, но постоянно используется лишь часть из них. Если важные фильтры разбросаны по странице, пользователь вынужден каждый раз искать их глазами и далеко водить мышью. Расположите самые востребованные фильтры в начале страницы и сгруппируйте их рядом друг с другом. Как правило, это фильтр по дате и ключевые разрезы метрики. При этом фильтры, близкие по смыслу, должны находиться в одном блоке — это снижает когнитивную нагрузку.
2. Таблица для выгрузки спрятана в самом низу
Дашборды нередко используют не только для мониторинга, но и для детальных выгрузок данных. Если таблица с данными расположена в самом низу длинной страницы, пользователь вынужден долго скроллить до неё. Решение простое: вынесите таблицу на отдельную вкладку, где будет только она — без лишних графиков и блоков.
3. Пользователь вынужден считать в уме
Понаблюдайте за тем, как заказчик реально работает с дашбордом. Иногда обнаруживается неожиданное: например, что пользователь складывает значения двух категорий на барчарте вручную, чтобы получить суммарную цифру. В таком случае стоит убрать жёсткий разрез и сделать его параметром: по умолчанию на графике показывается итоговое значение, а детализацию по категориям можно включить при необходимости. Это избавляет от ручных вычислений и ускоряет считывание информации.
4. Заметки к графикам оторваны от самих графиков
Пояснения к графику должны располагаться рядом с ним — не на отдельной вкладке и не в самом низу страницы. Кроме места размещения, важна формулировка: заметка не должна требовать дополнительной интерпретации. Хорошая проверка — представьте, что пишете подпись к графику для человека, который видит его впервые. Если смысл понятен без контекста, текст написан правильно.
5. Анимация и сложные типы графиков
Анимированные переходы заставляют ждать. Редкие и сложные типы визуализаций требуют от пользователя времени на освоение. Оба варианта противоречат главной ценности дашборда — скорости и ясности считывания информации. Используйте стандартные, привычные типы графиков, и откажитесь от анимации, если она не несёт аналитической ценности.
Что сделать на практике
- Проведите аудит фильтров: выделите те, что используются чаще всего, и переместите их в начало страницы. Сгруппируйте по смыслу.
- Если дашборд используется для выгрузок — вынесите таблицу с данными на отдельную вкладку.
- Понаблюдайте за реальным использованием дашборда заказчиком: зафиксируйте, где он тормозит или совершает лишние действия.
- Проверьте, что каждая заметка и подпись к графику расположена рядом с соответствующим визуальным элементом и понятна без дополнительного контекста.
- Уберите анимацию и замените нестандартные типы графиков на привычные аналоги.
Вывод
UX дашборда — это не про красоту, а про скорость и точность считывания данных. Небольшие структурные правки, сделанные один раз, ежедневно экономят время десятков пользователей. Лучший инструмент для поиска таких правок — живое наблюдение за тем, как заказчик работает с дашбордом.