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

Картинка, которую мы видим, плоская, а не объемная

Световые лучи попадают в глаз через роговицу и хрусталик. Хрусталик (являющийся линзой) фокусирует изображение на сетчатке. На сетчатке получается всегда двухмерная картинка, даже если наблюдаемый объект трехмерный. Это изображение посылается в зрительную зону коры головного мозга, где и происходит распознавание образов, например: «О, я знаю, что это такое – это дверь». Именно в коре головного мозга двухмерное изображение преобразует в трехмерное.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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