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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Давайте снова представим, что вы утром в воскресенье сидите перед компьютером и ищете информацию в интернете. Если в произвольный момент времени спросить, что вы видите центральным зрением, вы, скорее всего, с легкостью ответите. Например: «Я смотрю на страницу с английским текстом, читаю артикль „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 периферическое зрение видит картинку, куда более близкую к информации, которую пытается передать карта, несмотря на менее корректный с точки зрения географии план метро. Упростив дизайн, Квиришвили увеличил четкость его восприятия, особенно в случае взгляда периферическим зрением.