Вспомните случаи, когда вам говорили: «Закрой глаза, сейчас будет сюрприз – только не подглядывай, – а теперь открой глаза, вот он!» В момент, когда вы открывали глаза, вас захлестывали самые разные впечатления: свет и темнота, цветовые пятна, объекты (торт и свечи?), лица (ваших родных и друзей), звуки, запахи, эмоции (радость?). Это прекрасный пример того, каким мгновенным, многомерным и сложным может быть пользовательский опыт.

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

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

РИС. 2.1. Что и куда передается в мозге

На подсознательном уровне мозг аккумулирует ментальные образы яркости, форм, линий, их направлений, цвета, движения, объектов и пространства (в дополнение к звукам, чувствам и проприоцепции[2]) в единый пользовательский опыт. Вы не осознаете эти ментальные образы по отдельности, равно как и не контролируете процесс их связывания в единый опыт или влияние воспоминаний на восприятие в настоящем и на возникновение тех или иных эмоций. Это важный вывод. Невероятно сложно создать машину, способную в автоматическом режиме выявлять ключевые различия между объектами, имеющими одинаковый цвет и форму – например, между маффинами и чихуахуа, – хотя человек выявляет эти различия моментально и безошибочно (рис. 2.2).

РИС. 2.2. Маффины или чихуахуа?

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

1) в мозге одновременно протекает множество процессов, которые практически не поддаются осознанию или осознанному контролю;

2) многие связанные с очень сложными вычислениями процессы протекают постоянно и при этом не требуют сознательных умственных усилий с вашей стороны.

В книге «Думай медленно… решай быстро» лауреат Нобелевской премии Даниэль Канеман[3] рассказывает о двух принципиально разных способах функционирования нашего мозга. Вы осознаете и осознанно контролируете первый набор процессов, медленное мышление, и при этом почти или совсем не контролируете и не подвергаете анализу второй набор – те процессы, что происходят автоматически, быстрое мышление.

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

Вспомним небольшую сценку, описанную в начале этой главы: вы открываете глаза в ожидании большого сюрприза. Если вы прямо сейчас попробуете закрыть глаза, а затем резко их открыть, то обнаружите, что ваш взгляд мечется от предмета к предмету. Именно так глазные яблоки обычно и двигаются – как правило, наш взгляд не перемещается плавно с одного предмета на другой. Скорее, он перескакивает с предмета на предмет (явление, которое мы называем саккадой). Эти движения можно измерить при помощи специальных инструментов наподобие инфракрасной системы айтрекинга[4], которую в настоящее время можно встроить в специальные очки (рис. 2.3) или небольшую полоску, прикрепленную под монитором компьютера (рис. 2.4).

РИС. 2.3. Очки Tobii 2

РИС. 2.4. Устройство Tobii Х2–30 (размещено под монитором ноутбука)

При помощи этих инструментов удалось зафиксировать общепринятую в настоящее время модель движения глаз по веб-страницам и результатам поиска. Представьте, что вы ввели в Google интересующий вас термин и просматриваете результаты выдачи на ноутбуке. В среднем человек просматривает 5–10 слов в первой ссылке на результат поиска, от 5 до 7 слов в следующей ссылке и еще меньше в остальных. Таким образом, мы получаем классическую F-образную модель, сформированную движениями глазных яблок (саккадами). На рис. 2.5 показана тепловая карта движения глаз по строкам поисковой выдачи: чем больше красного цвета в той или иной части монитора, тем дольше задерживался на ней взгляд сидящего за компьютером человека.

РИС. 2.5. Тепловая карта F-образной формы (источник: 2n6yQuw)

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

Далеко не всегда нам как дизайнерам удается использовать этот важнейший автоматический процесс, а ведь существует отличный способ привлечь внимание к нужным объектам на мониторе – вспомните песенку из детской образовательной программы «Улица Сезам»: «Одна из этих вещей не такая, как все. Одна из этих вещей не отсюда». Некоторые способы создания визуальной аномалии на мониторе представлены на рис. 2.6. К прочим важным способам относятся визуальный контраст (между темными и яркими участками) и движение. Объекты в правом нижнем углу