Принципы гештальта — это набор правил психологии восприятия, сформулированных в начале XX века. Их суть: человек воспринимает визуальные объекты не по отдельности, а как целостную систему. В дизайне дашбордов эти принципы особенно важны — они помогают правильно располагать элементы, делать интерфейс понятным и снижать когнитивную нагрузку при восприятии данных.
Всего принципов гештальта около десяти. В этой серии материалов разбираются четыре наиболее практичных для дата-визуализации. Первый из них — принцип близости.
Что такое принцип близости
Элементы, расположенные рядом друг с другом, воспринимаются как связанные и принадлежащие к одной группе. Это происходит автоматически, на уровне зрительного восприятия — пользователь не анализирует расположение осознанно, а просто «считывает» группы.
Где применять принцип близости в дашбордах
Принцип работает в трёх типичных сценариях проектирования:
- Тултипы и метрики. Рядом с каждой метрикой обычно размещают цветной индикатор и числовое значение. Благодаря близкому расположению пользователь мгновенно понимает, какие данные к чему относятся, без дополнительных подсказок.
- Фильтры. Фильтр лучше располагать рядом с графиком, к которому он относится, или непосредственно внутри него. Если вынести все фильтры в одну общую панель вдали от визуализаций, связь между ними становится неочевидной — пользователь вынужден догадываться.
- Семейства графиков. Когда на дашборде есть несколько блоков с разными разрезами данных — например, по географии и по категориям — заголовок каждого блока должен быть расположен рядом с соответствующими графиками. Так пользователь интуитивно воспринимает их как единое целое.
Что сделать на практике
- Проверьте расстояния между элементами на вашем дашборде: одинаковые отступы между несвязанными блоками разрушают группировку.
- Убедитесь, что каждый фильтр визуально «прилегает» к той визуализации, которой управляет.
- Заголовки разделов размещайте максимально близко к соответствующему контенту — не по центру страницы, а непосредственно над блоком.
- Используйте увеличенные отступы между группами и уменьшенные — внутри групп. Это единственный инструмент, который нужен для реализации принципа близости.
Вывод
Принцип близости кажется очевидным, но именно его нарушение чаще всего ставит пользователя в тупик: непонятно, к чему относится заголовок, какой фильтр влияет на какой график. Правильные отступы — это не эстетика, а навигация.