Это третий пост из серии о принципах гештальта в дата-визуализации. Принцип сходства формулируется просто: элементы с одинаковыми визуальными характеристиками — цветом, формой, размером, типом — воспринимаются пользователем как логически связанные, даже если они расположены в разных частях экрана и не объединены общей рамкой или областью.
Для проектировщика дашборда это означает: визуальный язык должен быть последовательным. Когда одинаковые элементы выглядят одинаково, пользователь тратит меньше когнитивных ресурсов на расшифровку интерфейса и больше — на работу с данными.
Три способа применить принцип сходства на дашборде
Единый цвет категорий и тип графиков
Если одна и та же категория (например, «Органика», «Платный трафик», «Прямые заходы») обозначается одним цветом во всех графиках дашборда — пользователь считывает это соответствие автоматически. Аналогично работает единый тип визуализации для схожих метрик: например, динамику всех показателей показывать линейными графиками. Поняв логику одного чарта, пользователь мгновенно ориентируется в остальных.
Единый стиль KPI-карточек
Когда все KPI-карточки оформлены по одному шаблону — крупное числовое значение, изменение за период (WoW/MoM) и мини-график динамики в одинаковом стиле — пользователь воспринимает их как группу связанных показателей. Повторяющаяся структура убирает необходимость каждый раз заново искать нужный элемент внутри карточки.
Единый цвет для тотала и динамики одного показателя
Если итоговое значение метрики отображается в виде столбчатой диаграммы, а её динамика — через area-график, использование одного цвета в обоих случаях помогает пользователю интуитивно связать эти два представления одного и того же показателя. Без этого связь приходится устанавливать через заголовки и легенды — дополнительная когнитивная работа.
Что сделать на практике
- Составьте цветовую палитру для категорий и зафиксируйте её в дизайн-системе или гайде дашборда — цвет категории должен быть неизменным на всём дашборде.
- Выберите один тип графика для каждого класса метрик (тренды — линейный/area, сравнение категорий — бар) и придерживайтесь его последовательно.
- Создайте единый шаблон KPI-карточки и используйте его без отступлений для всех ключевых показателей.
- Проверьте: если убрать заголовки, смогут ли пользователи по цвету и форме понять, какие элементы относятся к одному показателю?
Вывод
Принцип сходства — один из самых практичных инструментов в арсенале BI-дизайнера. Его применение не требует дополнительных элементов на экране: нужно лишь последовательно повторять один и тот же визуальный язык. Чем меньше пользователь тратит усилий на понимание структуры дашборда, тем быстрее он добирается до инсайта.