mafulechkaMarch 12, 2020, 6:02 a.m.

Эмоциональный дизайн UX для создания желаемых продуктов

Content

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

Чтобы лучше понять потребности пользователей, Ааррон Уолтер (Aarron Walter) предложил для них следующую иерархию (рисунок 1). На самом низком уровне продукт должен быть функциональным (functional) , чтобы удовлетворить потребности пользователей. Далее продукт должен быть надежным (reliable) и пригодным для использования (usable) . После того, как нижние слои будут на месте, он предлагает вам сосредоточиться на том, чтобы сделать ваш продукт приятным в использовании (pleasurable) .


Рисунок 1. Иерархия потребностей пользователей Уолтера

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

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

Чтобы понять эмоциональный дизайн, Дональд Норман (Donald Norman) предложил иерархию эмоций: висцеральную (visceral), поведенческую (behavioral) и рефлексивную (reflective) (Рисунок 2). Они являются частью любого дизайна и переплетаются с познанием и эмоциями.


Рисунок 2. Иерархия эмоций Нормана

Знаменитый «WOW-эффект»

Отличный дизайн на самом низком (висцеральном) уровне иерархии может вызвать спонтанные, положительные реакции, которые позволяют вам создать «Wow-эффект» (“Wow effect”). Уровень отражает первые реакции пользователя на внешний вид продукта: внешний вид, ощущение и звук. Увидев нечто неотразимое, неожиданное или уникальное, это может вызвать положительные реакции. В качестве примера можно привести спидометр в концепции цифровой кабины Qt (рис. 3), который использует несколько графических эффектов, таких как шейдеры и частицы, для улучшения ощущения ускорения и замедления.


Рисунок 3. Привлекательный или захватывающий дизайн? Спидометр в концепции цифровой кабины компании Qt

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

Удобство использования обеспечивает положительные поведенческие эмоции

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

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

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


Рисунок 4. Пример умного взаимодействия и визуальной возможности перемещения уведомления с левого экрана на экран справа.

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

Рефлексивный уровень (Reflective level)

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

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


Рисунок 5. Концепция цифровой кабины компании Qt

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

Подведём итоги

Создание удивительных висцеральных, поведенческих и рефлексивных дизайнов обеспечит замечательный опыт того, что любит пользователь. Но как туда добраться? Очевидно, что люди должны сначала знать о продукте, чтобы желать его. Продукт должен выглядеть привлекательно, чтобы обратить внимание пользователей. Далее пользователь должен использовать продукт и убедиться в его удобстве, и функциональности, что продукт, действительно, делает то, что ему нужно. Если пользователь доволен, он чувствует удовлетворение, начинает доверять продукту и хочет использовать его снова. Наконец, если продукт сможет вызвать положительную реакцию на всех уровнях, люди влюбятся в него и будут рекламировать его другим.

Запуск первого Apple iPhone в 2007 году является хорошим примером. Телефон выглядел гладким, элегантным и уникальным по сравнению с другими смартфонами. Маркетинг iPhone сконцентрировался на демонстрации тонкого дизайна iPhone и уникальных функций, таких как мультитач (multi-touch), которых никогда не было в других телефонах на рынке. Телефон был привлекательным, и отличная маркетинговая кампания вызвала много желающих, прежде чем начались его поставки. С помощью рекламных видеороликов и обзоров большинство людей знали, как использовать функции телефона, даже не коснувшись его. Благодаря этому и дизайну Apple, ориентированному на простоту, телефон был эффективным и удобным в использовании. Кроме того, доступность iPhone была изначально ограничена, поэтому владение им создавало чувство гордости, эксклюзивности и престижа. Поскольку продукт был забавным в использовании, новые владельцы iPhone быстро влюбились в него и стали сторонниками телефона.

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.
Support the author Donate

Comments

Only authorized users can post comments.
Please, Log in or Sign up
How to become an author?

Contribute to the evolution of the EVILEG community.

Learn how to become a site author.

Learn it
Donate

Good day, Dear Users!!!

I am Evgenii Legotckoi, developer of EVILEG. And it is my hobby project, which helps to learn programming another programmers and developers

If the site helped you, and you want also support the development of the site, than you can donate by following ways

PayPalYandex.Money
Timeweb

Let me recommend you the excellent hosting on which EVILEG is located.

For many years, Timeweb has been proving his stability.

For projects on Django I recommend VDS hosting

View Hosting
KA

C++ - Тест 003. Условия и циклы

  • Result:78points,
  • Rating points2
R

C++ - Test 002. Constants

  • Result:75points,
  • Rating points2
R

C++ - Test 001. The first program and data types

  • Result:73points,
  • Rating points1
Last comments
V

Django - Tutorial 027. Implementation Google reCAPTCHA

Спасибо. Только использую декоратор не в urls.py а перед views
R

Qt WinAPI - Lesson 001. How to collect all DLL, which used in Qt project?

Вы меня не совсем правильно поняли, но все равно спасибо, принял все к сведению. Все сделал как вы сказали, все отлично работает, еще раз огромнейшее спасибо) Разве что только что были опять про…

Qt WinAPI - Lesson 001. How to collect all DLL, which used in Qt project?

Стоило перед использованием что ли инструкцию прочитать https://www.cyberforum.ru/blogs/131347/blog2457.html "После сборки при запуске требовались dll," Ясное дело стоило задепло…
R
R

Qt WinAPI - Lesson 001. How to collect all DLL, which used in Qt project?

Да, собралось. После сборки при запуске требовались dll, перекинул всю папки bin, plugins(не знаю как можно было сделать более умно). Как я понял в первой строке путь к екзешнику вставляю, втор…
Now discuss on the forum

QML+QtGraphicalEffects

да, сборку делал без параметра поиска qml, хотя dll QtGraphicalEffects он подтягивает, когда я добавил всю папку QtGraphicalEffects в проект - то заработало, похоже что именно qml-файлов ему не …

Не работают слоты/сигналы

и посмотрите работу с потоками в Qt, там подробно описано как передавать данные с одного в потока в другой при помощи сигналов и слотов

Как в Qt в qmenu добавить scrollarea

Вот это наследованный класс меню. Но посути это обычное меню. #pragma once#include <QtWidgets>class TransMenu : public QMenu { Q_OBJECTpublic: TransMenu(QWidget* parent = …

Qt C++ и Python

Красиво/некрасиво - это скорее моё личное отношение. Если есть возможность ограничить количество интсрументов, то лучше ограничить. Но не зацикливайтесь на этом. Если у вас есть скрипты Py…

Qt + OpenGL glDeleteVertexArrays

Я не уверен, поскольку с OpenGL очень мало работал. Но может быть OpenGL контекст виджета нужно переинициализовывать. И ещё виджет стоит удалять через метод deleteLater() а не п…
About
Services
© EVILEG 2015-2020
Recommend hosting TIMEWEB