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

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

Почему мигание изображения так раздражает

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

Адам Ларсон и Лестер Лощки (Adam Larson, Lester Loschky, 2009) провели исследование центрального и периферического зрения; еще больше исследований Лощки проводил в 2019 году. Они показывали зрителям обыкновенные картинки, например фотографии кухни или гостиной, городские пейзажи или горы. На некоторых изображениях была скрыта часть объектов, находящихся с краю, а на других – в центре (рис. 2. 1). Затем участников исследования просили рассказать, что же они видели.

Рис. 2. 1. Фото с изображением центральной части в эксперименте Ларсона и Лощки

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

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

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

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

Дополнительные исследования подтверждают эту концепцию. Дмитрий Бэйле (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) позволяет воспринимать лица «в обход» обычных интерпретирующих каналов и помогает узнавать их быстрее, чем прочие объекты. Эта извилина расположена вблизи миндалины мозжечка, являющейся эмоциональным центром мозга.

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