100 главных принципов дизайна

~ 2 ~

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

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

Наши предки выжили благодаря периферическому зрению

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

Дополнительные исследования подтверждают эту концепцию. Дмитрий Бэйле (Dimitri Bayle, 2009) размещал изображения опасных объектов или в центральном, или в периферическом поле зрения субъекта. Затем он измерял, сколько времени потребуется мозжечковой миндалине (той части мозга, которая отвечает за эмоциональное восприятие опасных образов), чтобы среагировать. Когда опасный объект появлялся в центральном поле, этот процесс занимал от 140 до 190 мс, когда же он появлялся в периферическом поле зрения, требовалось только 80 мс для того, чтобы миндалина отреагировала.

Выводы

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

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

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

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

3. Люди отождествляют объекты с узнаваемыми образами

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

Рис. 3.1. Ваш мозг хочет видеть образы

Теория геонов

За прошедшие годы было создано множество различных теорий о том, каким образом мы видим и распознаем объекты. Одна из ранних теорий провозглашала, что мозг является хранилищем, в котором находятся миллионы «образцов» объектов, и когда мы видим объект, то сопоставляем его с содержащимися в памяти «образцами» до тех пор, пока не обнаруживается схожий элемент. Но недавние исследования наводят на мысль, что мы находим знакомые основные формы во всем, что видим, и используем эти основные формы, называемые геометрическими иконками (геонами), для распознавания объектов. Ирвин Бидерман (Irving Biederman) выдвинул теорию геонов в 1985 году (рис. 3.2). Предполагается, что существует 24 распознаваемые базовые формы; из них формируются блоки для построения всех объектов, которые мы видим и идентифицируем.

Если вы хотите, чтобы люди быстро узнали, что за объект они видят, используйте простые формы. Это упрощает распознавание основных геонов, составляющих форму. Чем меньше размер распознаваемого объекта (например, небольшая иконка принтера или документа), тем важнее использовать простые геоны без большого количества деталей.

Рис. 3.2. Некоторые примеры геонов Бидермана

Выводы

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

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

4. За узнавание лиц отвечает особая часть мозга

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

Хотя зрительная кора огромна и задействует значительные ресурсы мозга, существует специальный участок головного мозга за пределами зрительной коры, единственной функцией которого является узнавание лиц. Идентифицированная Нэнси Канвишер (1997) веретенообразная извилина мозга (fusiform face area, FFA) позволяет воспринимать лица «в обход» обычных интерпретирующих каналов и помогает узнавать их быстрее, чем прочие объекты. Эта извилина расположена вблизи миндалины мозжечка, являющейся эмоциональным центром мозга.

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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