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

Рис. 5.3. Большинство людей так чашку не изобразят

Я бы так не нарисовал, скажете вы, но… почему бы и нет ? И правда, чаще всего люди рассматривают чашку кофе именно в этой перспективе, но должна заметить, что подобные исследования не ограничились чашками кофе, и люди быстрее всего распознавали объекты именно в канонической перспективе, даже если встречались с этими объектами не особенно часто.

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

Выводы

• Люди распознают рисунки или объекты быстрее и запоминают их лучше, если они представлены в канонической перспективе.

• Если на веб-сайте или веб-страничке вы планируете использовать значки или пиктограммы, рисуйте их в канонической перспективе.

6. В основе просмотра изображений лежат опыт и ожидания

На что люди обращают внимание в первую очередь, разглядывая картинку на экране компьютера? А на что смотрят потом? Это зависит от того, чем они занимаются и чего ожидают. Если человек в силу воспитания и образования читает текст слева направо, он будет точно так же «сканировать» экран – слева направо. Если он читает справа налево, то наоборот. Однако лишь немногие начинают просмотр с верхнего угла (левого или правого). Поскольку люди пребывают в абсолютной уверенности, что на страничке любого сайта есть вещи не важные и не нужные для решения непосредственной задачи (такие, как логотипы, пустые места, панели навигации, реклама и т. д. (рис. 6.1)), в большинстве случаев они уделяют внимание центру экрана и игнорируют края.

Рис. 6.1. Мы игнорируем информацию, размещенную по краям экрана, и устремляемся к значимой информации

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

У каждого человека существуют стереотипы того, что и где он хочет видеть

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

При возникновении затруднений поле зрения сужается

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

Выводы

• Размещайте важную информацию (или объекты, к которым вы хотите привлечь внимание) в верхней трети экрана или в центре.

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

• Продумайте дизайн экрана или странички таким образом, чтобы представители вашей целевой аудитории могли перемещать взгляд в соответствии с привычным способом чтения. «Перескакивание» по экрану от объекта к объекту может утомить пользователя. 7. Сигналы, говорящие о том, что делать с объектом

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