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

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

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

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