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

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

• Ваши предположения о том, что люди видят на веб-странице, возможно, совсем не соответствует тому, что они действительно видят.

• Вы можете убедить людей видеть вещи определенным образом.

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

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

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

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

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

Рис. 2.2. Фото с изображением периферии в эксперименте Ларсона и Лощки

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

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

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

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

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

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

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

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

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

Нейроны реагируют на определенные формы

В 1959 году Дэвид Хьюбел (David Hubel) и Торстен Визель (Torsten Wiesel) показали, что одни клетки зрительной коры головного мозга реагируют только на горизонтальные линии, вторые – только на вертикальные, третьи реагируют только на края, четвертые – только на определенные углы.

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