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

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

Проектные решения не должны базироваться на окулографии

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

Уделяйте внимание периферическому зрению

Так как периферическое зрение определяет следующую точку фокусировки центрального, важно уделять внимание тому, что? люди зацепят боковым зрением, разглядывая различные фрагменты страницы. Периферические области – это не пространство, которое никто никогда не увидит, и поэтому пустыми их оставлять нельзя. Сейчас приняты адаптивные варианты дизайна, допускающие просмотр на мониторах различных размеров и на различных устройствах (больших экранах, портативных компьютерах, планшетах, смартфонах). Многие дизайнеры предпочитают использовать только центральную часть экрана, оставляя сбоку ничем не заполненные поля. Таким способом проще всего получить страницу, корректно отображающуюся на разных устройствах, но при этом вы не предоставляете никакой информации периферическому зрению. Рисунок 4.1 демонстрирует сайт ресторана, на котором это зрение задействовано полностью, привлекая внимание и помогая посетителям понять, какой именно теме посвящен данный сайт.

Рис. 4.1. Сайт, на котором в полной мере задействуется периферическое зрение

Выводы

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

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

5

Периферическое зрение быстрее видит опасность и обрабатывает эмоции

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

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

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

Тест, изучающий реакцию на испуганные лица

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

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

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

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

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

Участникам эксперимента показывали фотографии людей, на лицах которых застыло выражение страха или отвращения, и оценивали, насколько быстро эти выражения будут распознаны. Кроме того, ставилась задача идентификации половой принадлежности. То есть испытуемые должны были определить: перед ними с нейтральным, безэмоциональным выражением женское или мужское лицо? Эта последняя задача использовалась как контрольное условие для сравнения с выражениями страха и отвращения. В процессе экспериментов на часть фотографий участники смотрели периферическим, а на часть – центральным зрением.

Гипотеза Бейля подтвердилась. На лица с выражением страха люди реагировали быстрее, если видели их периферическим зрением. Кроме того, выражение отвращения тоже распознавалось быстрее при взгляде на него периферическим зрением, хотя и не так быстро, как выражение страха. Задача же по идентификации половой принадлежности выполнялась с одинаковой скоростью, каким бы зрением испытуемый ни рассматривал фото.

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

Создавайте дизайн, помня о страхе и об опасности

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

Выводы

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

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

6

Периферическое зрение как картинка с низким разрешением

Давайте снова представим, что вы утром в воскресенье сидите перед компьютером и ищете информацию в интернете. Если в произвольный момент времени спросить, что вы видите центральным зрением, вы, скорее всего, с легкостью ответите. Например: «Я смотрю на страницу с английским текстом, читаю артикль „The“ и вижу, что прописная T представляет собой вертикальную линию с более короткой горизонтальной линией сверху».

Но сможете ли вы так же детально описать, что именно видит ваше периферическое зрение, пока центральным зрением вы читаете артикль «The»? Сформулировать ответ на этот вопрос куда сложнее. Периферическое зрение размывается к краям, и попавшие в поле видимости объекты не так отчетливо распознаются, соответственно, их уже не так просто описать.

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

Размытость периферического зрения

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

Как периферическое зрение выиграло на конкурсе проектов

В 2013 году в Бостоне был объявлен конкурс на новый вариант карты общественного транспорта. Розенхольц взяла исходный и новый варианты и прогнала их через программу для получения переходных изображений.

Рисунок 6.1 демонстрирует карту метро до переделки. Кружком обведена станция Kendall/MIT на красной линии – именно здесь находится Массачусетский технологический институт, где работает Рут.

Рис. 6.1. Карта бостонского метро, исходный вариант

Рис. 6.2. «Переходная» компьютерная модель исходной карты метро, включающая в себя область, наблюдаемую периферическим зрением

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

Конкурс на новый вариант карты выиграл московский дизайнер Михаил Квиришвили. Его карта показана на рис. 6.3. Я снова пометила кружком станцию Kendall.

И снова сфокусируем взгляд на кружке. Рисунок 6.4 показывает, как будет выглядеть комбинация центрального и периферического зрения в этом случае. Картинка снова имеет размытые участки, но между переходными изображениями исходного и переделанного вариантов карты есть разница.

Когда меньше значит больше

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

Посмотрите, как выглядят эти области на новой версии карты, показанной на рис. 6.3. Несмотря на меньшую точность, карта Квиришвили более репрезентативна. На рис. 6.4 периферическое зрение видит картинку, куда более близкую к информации, которую пытается передать карта, несмотря на менее корректный с точки зрения географии план метро. Упростив дизайн, Квиришвили увеличил четкость его восприятия, особенно в случае взгляда периферическим зрением.

Проектирование для обоих зрительных состояний

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

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

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