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