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

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

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

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

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

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

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

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

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

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

3. Люди отождествляют объекты с узнаваемыми образами

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

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

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

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

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

Рис. 3.2. Некоторые примеры геонов Бидермана

Зрительная кора более активна, когда работает воображение

Зрительная кора работает активнее в том случае, когда вы что-либо представляете, а не когда вы в действительности воспринимаете объект (Solso, 2005). Когда мы даем волю нашему воображению, возбуждение происходит на том же самом участке зрительной коры, но активность выше. Объясняется это работой, которую приходится производить зрительной коре в том случае, когда стимул непосредственно не присутствует.

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

• Если вы хотите, чтобы люди узнавали объект (например, значок), используйте простые геометрические формы. Это облегчает распознавание базовых геонов и, таким образом, дает возможность быстрее и легче узнавать объект.

• Двумерные элементы предпочтительнее трехмерных. Глаза передают информацию мозгу в виде двумерных объектов. Трехмерное представление на экране может существенно замедлить узнавание и понимание.

4. За узнавание лиц отвечает особая часть мозга

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

Хотя зрительная кора сама по себе достаточно велика, существует специальный участок головного мозга за пределами зрительной коры, единственной функцией которого является узнавание лиц. Идентифицированная Нэнси Канвишер (1997), веретенообразная извилина мозга (fusiform face area, FFA) позволяет воспринимать лица «в обход» обычных интерпретирующих каналов и помогает узнавать их быстрее, чем прочие объекты. Эта извилина расположена вблизи миндалины мозжечка, являющейся эмоциональным центром мозга.

У людей, страдающих аутизмом, для распознавания лиц не задействуется веретенообразная извилина

Исследования Карен Пирс (Karen Pierce, 2001) показали, что люди, страдающие аутизмом, не используют FFA для распознавания лиц. Вместо этого у них задействуются другие, обычные участки зрительной коры, которые в нормальных случаях используются для распознавания и интерпретации объектов, но не лиц.

Мы отслеживаем направление взгляда

Исследования движений глазного яблока показывают, что если глаза на картинке смотрят не на нас, а на объект, изображенный на вебстранице (рис. 4.1), мы также переводим взгляд на этот объект.

Рис. 4.1. Мы смотрим туда, куда смотрит человек на картинке

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

Новорожденные предпочитают смотреть на лица

Исследования Катрин Мондлох и других ученых (Catherine Mondloch, 1999) показали, что новорожденные, возраст которых менее часа, обращают внимание на объекты, напоминающие лица.

Именно по глазам люди решают, кто является живым

Кристин Лузер и Т. Ветли (Christine Looser, T. Wheatley, 2010) брали фотографии людей и видоизменяли их, последовательно приближаясь к образу неодушевленного манекена. Предметом исследования было то, в какой момент последовательной трансформации лица субъект решит, что картинка больше не является изображением живого человека. На рис. 4.2 показаны примеры таких картинок. Исследования показали, что опрашиваемые переставали считать субъекта на картинке живым после того, как изменения достигали 75 %. Также было обнаружено, что люди, чтобы решить, является ли изображение живым человеком, в основном обращают внимание на глаза.

Рис. 4.2. Пример преобразования Лузером и Ветли лица человека в лицо манекена

• Посетители веб-страниц распознают лица и реагируют на них быстрее, чем на что-либо другое (по крайней мере, те, кто не страдает аутизмом).

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

• Если глаза на веб-странице смотрят на объявление или на продукт, посетитель также стремится взглянуть на этот продукт. Однако, посмотрев на него, он совершенно не обязательно уделит ему особое внимание.

5. «Перспективные» объекты

Если вы попросите кого-нибудь нарисовать чашку кофе, то, скорее всего, вы получите что-то похожее на рис. 5.1.

Рис. 5.1. Как мы «видим» объекты у себя в голове