инфографика

Как и зачем применять гештальтпсихологию в дизайне

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

Если понять, как это "додумывание" работает, можно значительно повысить уровень экспертности в дизайне и научиться управлять восприятием зрителя через визуальные образы. С этим поможет справиться теория гештальта — она существует уже более ста лет и активно применяется в визуальных коммуникациях.
Теория гештальта
В буквальном переводе с немецкого "гештальт" — форма, вид, фигура. Это группа принципов визуального восприятия, разработанных в 1920-х годах немецкими психологами Кристианом фон Эренфельсом, Максом Вертгеймером, Вольфгангом Келером и Куртом Коффкой.
Главное, с чем работает гештальтпсихология — это сознание. Применительно к дизайну теория гештальта исследует визуальное восприятие связей элементов между собой. Когда человек видит несколько объектов, он сначала воспринимает их в совокупности, потом рассматривает отдельные детали композиции. Иначе говоря, она объясняет стремление людей объединить визуальные элементы в группы.
Идеи гештальта
Существует несколько ключевых принципов, лежащих в основе гештальта. Они помогают понять связь между визуальными коммуникациями, психологией человека и возможностями контроля восприятия:

  1. Возникновение
  2. Овеществление
  3. Метастабильность
  4. Инвариантность
Возникновение: целое сопоставляем с частями

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

Не обязательно дорисовывать объект, чтобы его узнали. Можно исключать части контура до тех пор, пока мозг в состоянии выявить близкое совпадение с "шаблоном", который уже есть в памяти.
Метастабильность: избегаем неопределённость

Некоторые объекты могут восприниматься по-разному. Мы не можем видеть оба предмета сразу, поэтому быстро перемещаемся между двумя альтернативами. Одно, в любом случае, окажется доминирующим и перекроет второе.
Инвариантность: не обращаем внимание на поворот фигуры

Простые объекты распознаются независимо от их вращения, перемещения и масштаба. Так как мы часто сталкиваемся с объектами с разных точек зрения, то можем распознавать их, не смотря на ракурс и размер.
Как работает гештальт
Из теории гештальта вытекают 6 принципов, которые используют визуальные коммуникации. Они нужны для того, чтобы сделать процесс восприятия информации более простым и точным.
Мы рассмотрим принципы гештальта на примере иллюстраций из статьи "Гештальт-принципы в проектировании интерфейсов". Между дизайном интерфейса и инфографикой много общего — в них одинаково работает теория гештальта.
Принцип 1: близость

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

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

Элементы со схожими визуальными характеристиками (формой, размерами, цветом, текстурой) кажутся нам более связанными, чем те, которые выглядят по-разному. Этот принцип помогает классифицировать объекты в пределах группы и связывать их между собой по значению или функции.
Принцип 4: симметрия

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

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

Неважно, как далеко друг от друга располагаются объекты и насколько они разные: если они вместе движутся или изменяются, то человек воспринимает их как взаимосвязанные. Этот эффект работает, даже когда нет явного движения, а есть только намёк на него (например, визуально показано направление).
Вместо вывода
Визуальные коммуникации опираются на научные теории о психологии человеческого восприятия, в том числе и на теорию гештальта. Принципы этой теории позволяют не только эффективно управлять пользовательским вниманием, но и наделять визуализацию метафоричностью, так как зритель склонен к "достройке" образа.
Made on
Tilda