Эстетика и восприятие — как подходить к изображениям пользовательского опыта

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

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

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

Помимо веб-сайтов и мобильных приложений, изображения важны во всех видах дизайна продуктов. Как утверждает Рэйчел Краузе (специалист по взаимодействию с пользователями в Nielsen Norman Group) в книге «6 правил убедительного повествования» , изображения можно включать в соответствующие тематические исследования, диаграммы и фотографии из тестов юзабилити, чтобы дать аудитории что-то, с чем можно связаться за пределами слов. .

Ким Флаэрти (специалист по пользовательскому опыту в Nielsen Norman Group) также заявила, что недавнее исследование показало, что получатели информационных бюллетеней ожидают таких же высококачественных изображений, с которыми они сталкиваются в Интернете, настоятельно предпочитая изображения, которые можно увидеть в большем масштабе и с очень четкой детализацией.

Глубокое понимание использования изображений и их психологических последствий для восприятия и пользовательского опыта является важным аспектом дизайна, который дизайнеры UX не должны недооценивать.

Сенсорные образы в дизайне

В последнее время область сенсорного маркетинга привлекла внимание корпоративного и академического мира, в основном в области маркетинга и психологии. В книге « Сенсорный маркетинг: исследование чувственности продуктов » Арадхна Кришна определяет сенсорный маркетинг как «подсознательные триггеры, влияющие на то, как люди принимают решения о покупке и потреблении». Это утверждение применимо как к проектам по дизайну продукта, так и к маркетингу.

По мнению автора, сенсорные образы могут влиять на дизайн продукта:

• поощрение умственной стимуляции с помощью визуального дизайна
• привлечение людей к бренду
• влияет на их отношение к бренду
• стимулирование других чувств (таких как обоняние) с помощью визуального дизайна

Повышение умственной симуляции с помощью образов

Маркетологи и дизайнеры уже давно призывают потребителей использовать свое воображение с помощью таких лозунгов, как «Думай иначе» (Apple) и «Просто сделай это» (Nike). Однако эти простые и запоминающиеся фразы не убеждают людей автоматически вообразить, что они используют продукт, не попросив их об этом явно.

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

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

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

Внимание, ощущение и восприятие

Отправной точкой для понимания того, как люди относятся к реальности, являются психологические процессы внимания, ощущения и восприятия.

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

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

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

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

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

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

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

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

Более глубокое понимание прикладной психологии в эстетике продукта

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

Эстетический эффект юзабилити

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

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

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

В статье для Nielsen Norman Group Кейт Моран процитировала Куросу и Кашимуру, которые пришли к выводу, что на пользователей сильно влияет эстетика любого данного интерфейса, даже при оценке базовой функциональности системы.

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

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

Эффект грунтовки

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

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

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

В книге « Подготовка и пользовательские интерфейсы » от Nielsen Norman Group автор утверждает, что «изображения и контент страницы побуждают людей формировать ожидания от веб-сайта. Если эти предположения подтвердятся, общий опыт будет гладким и приятным. Однако, когда предположения оказываются неверными, люди часто считают, что сайт неудобен в использовании».

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

Резюме

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

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

Дальнейшее чтение в блоге Toptal Design:

• Иллюстрация бренда 101: Визуализация повествования
• Психология дизайна и нейробиология потрясающего UX
• Убедительный дизайн: эффективное использование продвинутой психологии
• Пошаговое руководство по созданию пользовательских иллюстраций без каких-либо навыков рисования
• Влияние с помощью дизайна — Путеводитель по цвету и эмоциям