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

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

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

Рис. 6.3.Победивший в конкурсе вариант карты. (Фото любезно предоставлено Михаилом Квиришвили, https://www.flickr.com/photos/10247460@N03/)

Рис. 6.4.Компьютерная модель, включающая в себя взгляд периферическим зрением на новый вариант карты метро

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

Но на взаимное влияние размера и визуальной детализации можно посмотреть с другой стороны. Центральное зрение захватывает лишь маленький участок большого экрана. Основную его часть рассматривает периферическое зрение. На меньшем экране фрагмент в поле центрального зрения увеличивается относительно захватываемой боковым зрением части. В наши дни размеры смартфонов увеличились. В случае большого смартфона вполне вероятна ситуация, когда экран рассматривается одновременно центральным и периферическим зрением, но даже тогда поле центрального зрения будет доходить до 75 %. Экран же относительно небольшого смартфона попадет в это поле почти целиком. Я уж не говорю о миниатюрных устройствах, таких как умные часы.

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

• Что бы вы ни проектировали – отдельное изображение, инфографику или веб-страницу, – учитывайте не только центральное, но и периферическое зрение.

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

• Проект для маленького экрана (например, смартфона) можно сделать более детализированным.

• Для большого экрана (например, для настольного компьютера) дизайн можно сделать более простым и менее детализированным.

Возьмем фотографию человека, смотрящего на какой-то товар, как показано на рис. 7.1.

Рис. 7.1.Человек, смотрящий на товар

Устремите ли вы свой взгляд на тот объект, который рассматривает человек на картинке? Ответ на этот вопрос будет положительным. Но есть ряд неочевидных в первый момент деталей.

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

В 2012 году Джованни Галфано провел исследование (Galfano, 2012), подтвердившее корректность этих примеров, но вместе с тем добавившее интересную деталь. Участников исследования предупреждали, что на экране слева или справа будет появляться некая форма. В этот момент требовалось как можно быстрее нажать клавишу «Пробел».