Гештальт-принципы: понимание их важности при разработке отчетов

Цель гештальт-принципов дизайна состоит в том, чтобы понять, как люди обычно получают значимое восприятие от хаотических раздражителей вокруг них.

Чтобы стать хорошим дизайнером, нам нужно понять и использовать силу психологии в визуальном восприятии . Как люди реагируют на дизайн, когда видят его? Как наш разум интерпретирует это?

Гештальт-принципы и атрибуты преаттентива — это методы, с помощью которых мы организуем мир так, чтобы он был нам знаком, имел смысл и был прост для восприятия.

Оглавление

• Гештальт-обработка
• Предварительная обработка
• Важность гештальт-принципов
• Использование гештальт-принципов для повествования
• Принцип подобия
• Применение гештальт-принципов в отчетах LuckyTemplates
• Заключение

Гештальт-обработка

Гештальт — это группа принципов зрительного восприятия, разработанная немецкими психологами в 1920-х годах. Он построен на теории о том, что неорганизованное целое воспринимается иначе, чем сумма его частей.

Возьмем пример. Когда вы смотрите на картинку ниже, что вы видите? Вы видите велосипед или каждый компонент отдельно? Как насчет правой стороны, что вы видите? Вы видите собаку или отдельные точки на экране?

Вы, наверное, сказали бы велосипед и собака, потому что наш мозг ищет знакомые подсказки и пытается их упростить.

Предварительная обработка

С другой стороны, преаттентивная обработка — это когнитивное восприятие . Как следует из названия, это процесс. Это сортировка визуальной информации для быстрого понимания того, что мы видим.

Как и психология, она сосредоточена на том, как мы воспринимаем вещи. Мы воспринимаем стимулы в связи друг с другом и их контекстом.

Гештальт в переводе с немецкого означает целое. Каждый день нас бомбардируют несколькими раздражителями; следовательно, гештальт-психология помогает нам воспринимать эти стимулы в группах и помогает нам интерпретировать их. Он говорит нам, как мы воспринимаем стимулы организованным образом.

По сути, наш мозг заставляет нас уменьшать хаос, созданный бомбардировкой информации из многих частей, и пытается создать отношения из группы, а затем назначить эти части группе.

Гештальт-психология вращается вокруг этой мантры: целое отличается от суммы его частей. Он утверждает, что мы воспринимаем окружающие нас вещи по отношению друг к другу, как группу, в целом или как похожие друг на друга.

Важность гештальт-принципов

Так почему же важно понимать эти законы восприятия при работе с визуализацией данных ?

Самая важная цель для дизайнеров — сделать так, чтобы их дизайн был замечен людьми. Точно так же, как правило грамматики является основой для эффективного письма, принципы гештальта являются основой визуальной грамматической композиции.

Мы можем применить некоторые из этих идей к дизайну репортажа, используя основные законы человеческой попытки найти порядок в беспорядке. Это помогает нам улучшить структуру отчета или сделать наши диаграммы более простыми.

Это может помочь нам определить, какие визуальные элементы наиболее эффективны в той или иной ситуации для воздействия на восприятие , направления внимания и изменения поведения .

Использование гештальт-принципов для повествования

Использование сторителлинга полезно, когда речь идет об интуитивно понятном дизайне. Принципы гештальта пытаются описать, как люди воспринимают визуальные элементы при определенных условиях.

Принцип подобия

Теперь давайте обсудим самый простой для понимания и наиболее широко используемый гештальт-принцип сходства. В нем говорится, что когда вещи кажутся похожими друг на друга, мы группируем их вместе и думаем, что они выполняют одну и ту же функцию.

Человеческий глаз склонен строить отношения между элементами с подобием дизайна, используя основные элементы, такие как формы, цвета, ориентация, текстура и размер.

Давайте посмотрим на пример ниже. Посмотрите на круглые формы в правой части страницы. Сколько групп вы видите? Скорее всего, вы назовете одну группу элементов одинакового размера, цвета и формы.

В этом примере мы сгруппируем элементы вместе на основе формы .

В этом примере мы сгруппируем элементы по цвету .

Другой дополнительной особенностью принципа подобия является аномальность .

Когда предметы знакомы, делается акцент на другом предмете, если он отличается от других. В результате аномалия притягивает взгляды, как вы можете видеть на примере справа.

В этом случае, чтобы сделать его действительно выделяющимся, мы использовали другой цвет, форму и ориентацию.

Применение гештальт-принципов в отчетах LuckyTemplates

Давайте теперь посмотрим на несколько примеров того, как мы можем использовать этот принцип в наших отчетах LuckyTemplates .

В этом первом примере мы видим, что у нас есть три очень похожих блока графиков. У нас есть фигура слева, KPI вверху и график справа. Это позволяет конечным пользователям проводить сравнение по принципу подобия.

Еще одна ключевая точка находится в нижней части экрана. Мы также можем сравнить разные аэропорты с минимальным нижним пределом, максимальным максимумом дней с дождем выше одного дюйма, а также можем увидеть значение количества дней с дождем за последний год.

Другим примером является этот анализ распространенности астмы . Используя цвет, мы можем увидеть взаимосвязь между двумя разными диаграммами. Одна представляет собой карту, а другая — точечную диаграмму .

Точно так же мы можем также использовать в качестве примера использование малых кратных . Основанные на принципе подобия, маленькие кратные очень полезны при создании истории, поскольку позволяют сравнивать разную информацию, в данном случае этническую принадлежность детей с астмой.

Также стоит выделить правый верхний угол, где навигация имеет значки и кнопки. Это хороший пример, потому что эти кнопки находятся в одном месте. На самом деле дизайнер применил не только принцип подобия, но и принцип близости. Это позволяет пользователю понять, что существует взаимосвязь и что он может использовать эту навигацию.

Другой пример — этот отчет, созданный Julie Boche . Это прекрасный пример принципа подобия.

В отчете она использовала два разных цвета для имен двух проанализированных водителей. Тот факт, что она использовала цвет, очень разумен, потому что с его помощью ей не нужно повсюду создавать легенды.

Примечательно, что она использовала одни и те же цвета, чтобы создать косвенную связь между заголовком и цветами на этом графике. Чтобы сравнить все водители, она также использовала одинаковые цвета для точечных диаграмм.

Без сомнения, создание двух блоков KPI также является хорошим примером. Они совершенно одинаковы и позволяют пользователю легко сравнивать показатели двух драйверов. Это действительно хороший пример принципов сходства и гармонии внутри отчета.

И последнее, но не менее важное: у нас есть точечная диаграмма, которая также очень полезна и мощна для рассказа истории. У нас много похожих элементов, и мы можем сравнивать их на основе одних и тех же показателей и одних и тех же правил.

Кроме того, этот отчет, созданный Мудассиром Али, также является примером сходства. Мы видим похожие блоки, которые расположены вместе. Принцип близости также применяется, потому что он создает действительно красивую страницу, которая позволяет сравнению и гармонии доминировать над общей страницей.

Наконец, это пример аномалии сходства . В этом отчете я бы хотел, чтобы вы посмотрели в правый верхний угол экрана. Это пример аномалии из-за цвета круглых фигур по сравнению с формой всего остального в этом отчете.

Очевидно, я создал эти круглые формы, чтобы привлечь внимание к этим показателям. Пользователь задержится, может быть, на одну-две секунды, чтобы проанализировать то, что я хотел показать в этом примере.

Усовершенствованная система визуализации данных и создания отчетов
Рассказывание историй о данных: продуманный процесс планирования и создания
Навигатор закладок функций LuckyTemplates: руководство и обзор

Заключение

В этом руководстве вы узнали о значении гештальта и принципах подобия в проектах LuckyTemplates. Также важно понимать, что как только вы поймете эти простые принципы, вы сможете контролировать, реализовывать и делать свои отчеты и историю более привлекательными и динамичными.

Всего наилучшего,