Тренды

Психология визуального UX

IT-копирайтер, переводчик, контент-менеджер.

Пользовательский опыт

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

 

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

 

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

UX-дизайн 

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

 

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

 

КАРТИНКА СТОИТ ТЫСЯЧИ СЛОВ

 

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

 

В теории двойного кодирования, разработанной ученым Алланом Павио в 1971 году, утверждается, что человек запоминает изображения лучше, потому что он создает как словесные, так и графические коды. При этом слова дополняют картинку, формируя словесную метку в дополнение к визуальному образу.

 

В свою очередь, сенсорно-семантическая теория Нельсона гласит, что поскольку люди легче замечают различия в образах, чем в словах, человеку легче вспомнить, что именно было изображено на картинках, которые они когда-то видели. Различия, объясненные словами, стирались из памяти гораздо быстрее. Однако, если показывать человеку множество похожих изображений, через некоторое время он перестанет их различать и эффект воздействия визуального образа исчезнет.

Психология визуального пользовательского опыта 

СОЗДАНИЕ ВИЗУАЛЬНОГО UX: НЕСКОЛЬКО СОВЕТОВ

 

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

 

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

 

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

 

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

 

  • То, что история является визуальной, вовсе не означает, что текст использовать больше не нужно. Все совсем не так – слова помогают уточнить контекст и направить внимание пользователя в нужном направлении.

 

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

 

ЭМОЦИОНАЛЬНО-ВИЗУАЛЬНЫЙ КОНТЕНТ

 

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

Принципы визуального UX 

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

 

ВЫВОД

 

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

  • 2882