Хотя зрительная кора сама по себе достаточно велика, существует специальный участок головного мозга за пределами зрительной коры, единственной функцией которого является узнавание лиц. Идентифицированная Нэнси Канвишер (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. Как мы «видим» объекты у себя в голове
Стивен Палмер (Stephen Palmer, 1981), путешествуя по всему миру, просил нарисовать чашку кофе. Примеры этих рисунков показаны на рис. 5.2.
Рис. 5.2. Вот так большинство людей рисуют чашку кофе
Обратите внимание на углы и перспективу. Несколько чашек нарисованы стоящими прямо, но большинство – с соблюдением законов перспективы, как если бы на чашки мы смотрели сверху и под небольшим углом. Такое видение соответствует канонической перспективе. Очень немногие нарисуют чашку кофе так, как это показано на рис. 5.3, – вид сверху.
Рис. 5.3. Большинство людей так чашку не изобразят
Я бы так не нарисовал, скажете вы, но… почему бы и нет? И правда, чаще всего люди рассматривают чашку кофе именно в этой перспективе, но должна заметить, что подобные исследования не ограничились чашками кофе, и люди быстрее всего распознавали объекты именно в канонической перспективе, даже если встречались с этими объектами не особенно часто.
В ходе исследований людей просили опознать различных животных, например маленькую собачку или кошку. Каноническая перспектива всегда побеждала, хотя чаще всего мы смотрим на кошек или на маленьких собак сверху вниз, с высоты своего роста, а не чуть-чуть сверху (конечно, если вам не приходится доставать животное из-под стола). Оказывается, распознавание объектов с позиции канонической перспективы – это универсальная человеческая черта.
• Люди распознают рисунки или объекты быстрее и запоминают их лучше, если они представлены в канонической перспективе.
• Если на веб-сайте или веб-страничке вы планируете использовать значки или пиктограммы, рисуйте их в канонической перспективе.
6. В основе просмотра изображений лежат опыт и ожидания
На что люди обращают внимание в первую очередь, разглядывая картинку на экране компьютера? А на что смотрят потом? Это зависит от того, чем они занимаются и чего ожидают. Если человек в силу воспитания и образования читает текст слева направо, он будет точно так же «сканировать» экран – слева направо. Если он читает справа налево, то наоборот. Однако лишь немногие начинают просмотр с верхнего угла (левого или правого). Поскольку люди пребывают в абсолютной уверенности, что на страничке любого сайта есть вещи не важные и не нужные для решения непосредственной задачи (такие, как логотипы, пустые места, панели навигации, реклама и т. д. (рис. 6.1)), в большинстве случаев они уделяют внимание центру экрана и игнорируют края.
Рис. 6.1. Мы игнорируем информацию, размещенную по краям экрана, и устремляемся к значимой информации
После первого беглого взгляда на экран взгляд передвигается в соответствии с привычным способом чтения (слева направо, справа налево, сверху вниз). Если что-то привлекает внимание, например большое фото (особенно с изображением лица) или движение (анимированный баннер или видео) в какой-либо части экрана, привычный паттерн нарушается.
У каждого человека существуют стереотипы того, что и где он хочет видеть
У большинства людей существует внутреннее представление (ментальная модель) о том, как должны располагаться элементы на компьютерном экране, и о том, что собой должны представлять веб-сайты, которыми они пользуются. Человек разглядывает экран, опираясь на эти ментальные модели. Например, часто посещая сайт одного и того же интернет-магазина, при загрузке странички сайта пользователь надеется увидеть поле поиска товара на привычном месте.
При возникновении затруднений поле зрения сужается
Если на экране появляется сообщение об ошибке или другая непредвиденная информация мешает решить поставленную задачу, пользователь перестает обращать внимание на другие части экрана и фокусируется на проблемной области. Мы будем обсуждать это подробнее в главе «Человеку свойственно ошибаться».
• Размещайте важную информацию (или объекты, к которым вы хотите привлечь внимание) в верхней трети экрана или в центре.
• Избегайте размещения любой важной информации по краям экрана, так как туда люди обычно не смотрят.
• Продумайте дизайн экрана или странички таким образом, чтобы представители вашей целевой аудитории могли перемещать взгляд в соответствии с привычным способом чтения. «Перескакивание» по экрану от объекта к объекту может утомить пользователя.
7. Сигналы, говорящие о том, что делать с объектом
Вам наверняка уже попадалась дверная ручка, которая работала не так, как можно было ожидать. Казалось, что этот дизайнерский изыск надо повернуть, а на самом деле на него надо было нажать. В реальном мире объекты сообщают нам о том, как мы можем или должны взаимодействовать с ними. Например, своим размером и формой дверная ручка приглашает вас взяться за нее и повернуть. Ручка чашки говорит о том, что сквозь нее надо просунуть пальцы. Ручка портфеля предлагает обхватить ее ладонью. Если какая-то вещь подает сигнал, который оказывается неверным, вы чувствуете справедливое раздражение. Такие сигналы называются побудительными (аффорданс).
Джеймс Гибсон (James Gibson) выдвинул концепцию побудительных сигналов в 1979 году. Он описал их как побудительные причины действия в окружающем мире. В 1979 году Дон Норман (Don Norman) в своей книге «Дизайн простых вещей» («The Design of Everyday Things») несколько изменил концепцию побудительных сигналов. Он опирался на идею воспринимаемых возможностей: если вы хотите, чтобы люди как-то взаимодействовали с объектом, будь то объект в реальной жизни или на компьютерном экране, следует убедиться, что не будет проблем с восприятием, описанием и интерпретацией смысла и назначения этого объекта.
При решении некой задачи, например открывая дверь или выкладывая книгу на веб-сайт, автоматически, по большей части бессознательно, человек ищет подходящие инструменты и объекты, которые могут в этом помочь. Если вы разрабатываете средства для решения задачи, убедитесь, что вспомогательные объекты легко увидеть и найти и что они подают ясные побудительные сигналы.
Посмотрите на ручку двери на рис. 7.1. Ее форма такова, что хочется взяться за нее и потянуть вниз. Если она работает именно таким образом, можно сказать, что дверная ручка сконструирована правильно и подает ясно воспринимаемые побудительные сигналы.
Рис. 7.1. Дверная ручка приглашает взяться за нее и потянуть вниз
На рис. 7.2 показана ручка, форма которой приглашает взяться за нее и тянуть на себя, но надпись «Толкать» показывает, что дверь этим способом открыть не удастся. Такое явление известно как некорректный побудительный сигнал.
Рис. 7.2. Над ручкой двери написано «Толкать», в то время как ее форма предполагает, что нужно тянуть
При проектировании приложения или веб-сайта подумайте о тех побудительных сигналах, которые будут посылать объекты на экране. Например, случалось ли вам задуматься над тем, что заставляет людей щелкнуть на кнопке? Тень от кнопки и является тем сигналом, который ясно говорит о том, что кнопку можно нажать и что нажатие и есть тот способ, который заставляет кнопку работать.
На рис. 7.3 показана кнопка на пульте дистанционного управления. Форма и тени подают сигналы, которые побуждают вас нажать на кнопку, чтобы привести в действие механизм.
Рис. 7.3. Кнопки на физических устройствах отбрасывают тени, которые побуждают вас нажать на них
На экране также можно создать изображение таких теней. На рис. 7.4 тени различных цветов, расположенные по периметру, создают иллюзию нажатой кнопки. Теперь переверните книгу, поменяв местами верх и низ, и посмотрите на ту же кнопку. Теперь уже не кажется, что кнопка нажата, а тени подают сигнал о необходимости нажать ее.
Рис. 7.4. Эта кнопка выглядит нажатой, но переверните книгу и посмотрите, что получится
Эти визуальные сигналы – вещь тонкая, но очень важная. Многие кнопки на веб-сайтах подают такие сигналы, как, например, кнопка, показанная на рис. 7.5, но в последнее время дизайнеры веб-сайтов перестали придавать значение подобным мелочам. На рис. 7.6 кнопка представляет собой просто текст, расположенный в цветном прямоугольнике.
Рис. 7.5. Использование теней делает этот прямоугольник похожим на кнопку
Рис. 7.6. Кнопки, утратившие свои сигналы
В наше время стал уже привычным следующий побудительный сигнал: синий подчеркнутый текст означает гиперссылку, и если щелкнуть на нем, то окажешься на другой странице. Однако в последнее время гиперссылки утратили свою характерную особенность, и единственным побудительным сигналом является подсветка, возникающая при наведении курсора. На рис. 7.7 и 7.8 представлена страница New York Times Reader до и после того, как на нее навели курсор. Чтобы заметить этот сигнал, потребуется дополнительное внимание. Если вы просматриваете страничку на своем iPad, все эти сигналы останутся незамеченными из-за использования технологии мультитач. Как только вы коснетесь пальцем экрана, вы перейдете по ссылке.
Рис. 7.7. Вначале Times Reader не подает побудительного сигнала
Рис. 7.8. При перемещении курсора по странице возникает побудительный сигнал
• Если вы занимаетесь веб-дизайном, думайте о побудительных сигналах. Подавая людям сигналы о том, что они могут сделать с данным объектом, вы повышаете вероятность того, что они совершат это действие.
• Используйте тени, чтобы выделить объект, когда он выбран или активен.
• Избегайте некорректных побудительных сигналов.
• Переделайте сигналы, связанные с наведением курсора, если вы планируете использовать веб-приложения на устройствах, поддерживающих технологию мультитач.
8. Человек может не обратить внимания на изменения в поле его зрения
Как украсть внимание
Если вы еще не видели «Горилла видео», вы немедленно должны это посмотреть. Пройдите по ссылке http://www.whatmakesthemdick.net/2009/10/25/100-things-you-should-know-about-people-1-inattention-blindness/. Запустите тест сейчас, иначе своими рассуждениями я испорчу эффект от этого видео.
«Горилла видео» служит примером проявления так называемой слепоты невнимания или слепоты к изменениям. Идея состоит в том, что люди часто упускают из виду большие изменения, происходящие в поле их зрения. Это утверждение было доказано в ходе ряда экспериментов, хотя вариант с мячиками и гориллой наиболее известен. (Видео с некоторыми другими экспериментами можно найти в моем блоге по вышеуказанному адресу.)
В своей книге «Невидимая горилла» Кристофер Чабрис и Дэниэл Симонс (Christopher Chabris, Daniel Simons, The Invisible Gorilla, 2010) описывают дополнительные исследования, которые проводились с применением оборудования, отслеживающего направление взгляда человека. Если говорить точнее, отслеживается центральное (оно же фовеальное) зрение. Периферическое зрение не отслеживается. Слежение за взглядом осуществлялось во время просмотра видео с мячиками и гориллой и показало, что каждый, кто смотрел видео, «видел» гориллу, то есть его взгляд фиксировал наличие гориллы, но только 50 % осознали, что они видели гориллу. Чабрис и Симонс провели множество исследований этого явления и пришли к заключению, что если ваше внимание сосредоточено на чем-то одном и вы не ожидаете каких-либо изменений, то вы легко можете не заметить их появления.