100 главных принципов дизайна - Сьюзан Уэйншенк

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

У людей с аутизмом для распознавания лиц не задействуется веретенообразная извилина

Исследования Карен Пирс (Karen Pierce, 2001) показали, что люди с аутизмом не используют веретенообразную извилину для распознавания лиц. Вместо этого у них задействуются другие, обычные участки мозга и зрительной коры, которые в нормальных случаях используются для распознавания и интерпретации объектов, а не лиц.

Мы смотрим туда же, куда глядит лицо на изображении

Исследования движений глазного яблока показывают, что если глаза на картинке смотрят не на нас, а на объект, изображенный на вебстранице (рис. 4. 1), мы также переводим взгляд на этот объект.

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

Рис. 4. 1. Мы смотрим туда, куда смотрит человек на картинке

Новорожденные предпочитают смотреть на лица

Исследования Катрин Мондлох и других ученых (Catherine Mondloch, 1999) показали, что новорожденные, возраст которых менее часа, обращают внимание на объекты, напоминающие лица. Похоже, что восприимчивость веретенообразной извилины к лицам является врожденной.

Именно по глазам люди решают, кто или что является живым

Кристин Лузер и Т. Ветли (Christine Looser, T. Wheatley, 2010) брали фотографии людей и видоизменяли их, последовательно доводя до лица неодушевленного манекена. Предметом исследования было то, в какой момент последовательной трансформации лица субъект решит, что картинка больше не является изображением живого человека. На рис. 4. 2 показаны примеры таких картинок. Исследования показали, что опрашиваемые переставали считать субъект на картинке живым после того, как изменения достигали 75 %. Также было обнаружено, что люди, чтобы решить, является ли изображение живым человеком, в основном обращают внимание на глаза.

Рис. 4. 2. Пример преобразования Лузер и Ветли от лица человека к лицу манекена

Выводы

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

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

• Если лицо на веб-странице смотрит на объявление или на продукт, посетитель также стремится взглянуть на этот продукт. Однако, посмотрев на него, он совершенно не обязательно уделит ему особое внимание. Это просто означает, что он туда посмотрит.

5. За обработку простых визуальных функций отвечает особая часть мозга

В 1959 году Дэвид Хьюбел и Торстен Визель показали, что одни клетки зрительной коры головного мозга реагируют только на горизонтальные линии, другие – только на вертикальные, третьи – только на края, а четвертые – только на определенные углы.

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

В конце концов все данные объединяются в два зрительных пути: один для движения (движется ли этот объект? ), а другой для определения местоположения (где этот объект по отношению ко мне? ).

А может и несколько параметров сразу

Исследования Хьюбела и Визеля проводились на протяжении 60 лет. Однако недавнее исследование Гарга (2019) показывает возможность существования нейронов, которые обрабатывают два параметра одновременно: цвет и ориентацию. То есть визуальная информация обрабатывается небольшими битами, по одному или, может быть, по два параметра за раз.

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

Сравните изображение на рис. 5. 1 с изображением на рис. 5. 2. На первом другим цветом выделен только один круг, так что вы сразу его замечаете. На рис. 5. 2 все круги разного цвета, а это значит, что ни один конкретный круг не выделяется.

Рис. 5. 1. Если другим цветом обозначен только один круг, он выделяется

Рис. 5. 2. Если все круги разного цвета, не выделяется ни один круг

Зрительная кора более активна, когда работает воображение

Зрительная кора работает активнее в том случае, когда вы что-либо представляете, а не когда вы в действительности воспринимаете объект (Solso, 2005). Когда мы даем волю нашему воображению, возбуждение происходит на том же самом участке зрительной коры, но активность выше. Объясняется это работой, которую приходится производить зрительной коре в том случае, когда стимул непосредственно не присутствует.

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

Выводы

• Если вы хотите быстро привлечь внимание, помните, что лучше меньше, да лучше.

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

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

6. В основе просмотра изображений лежит опыт и ожидания

На что люди обращают внимание в первую очередь, разглядывая картинку на экране компьютера или на странице? А на что смотрят потом? Это зависит от того, чем они занимаются и чего ожидают. Если человек в силу воспитания и образования читает текст слева направо, он будет точно так же «сканировать» экран – слева направо. Если он читает справа налево, то наоборот.