mafulechka
mafulechka12 марта 2020 г. 6:02

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

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


Чтобы лучше понять потребности пользователей, Ааррон Уолтер (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 быстро влюбились в него и стали сторонниками телефона.

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Вам это нравится? Поделитесь в социальных сетях!

Комментарии

Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
e
  • ehot
  • 31 марта 2024 г. 21:29

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

  • Результат:78баллов,
  • Очки рейтинга2
B

C++ - Тест 002. Константы

  • Результат:16баллов,
  • Очки рейтинга-10
B

C++ - Тест 001. Первая программа и типы данных

  • Результат:46баллов,
  • Очки рейтинга-6
Последние комментарии
k
kmssr9 февраля 2024 г. 2:43
Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Анатолий Кононенко5 февраля 2024 г. 9:50
Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
EVA
EVA25 декабря 2023 г. 18:30
Boost - статическая линковка в CMake проекте под Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
J
JonnyJo25 декабря 2023 г. 16:38
Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
G
Gvozdik19 декабря 2023 г. 5:01
Qt/C++ - Урок 056. Подключение библиотеки Boost в Qt для компиляторов MinGW и MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
Сейчас обсуждают на форуме
a
a_vlasov14 апреля 2024 г. 13:41
Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Евгений, добрый день! Такой вопрос. Верно ли следующее утверждение: Любое Android-приложение, написанное на Java/Kotlin чисто теоретически (пусть и с большими трудностями) можно написать и на C+…
Павел Дорофеев
Павел Дорофеев14 апреля 2024 г. 9:35
QTableWidget с 2 заголовками Вот тут есть кастомный QTableView с многорядностью проект поддерживается, обращайтесь
f
fastrex4 апреля 2024 г. 11:47
Вернуть старое поведение QComboBox, не менять индекс при resetModel Добрый день! У нас много проектов в которых используется QComboBox, в версии 5.5.1, когда модель испускает сигнал resetModel, currentIndex не менялся. В версии 5.15 при resetModel происходит try…
P
Pisych27 февраля 2023 г. 12:04
Как получить в массив значения из связанной модели? Спасибо, разобрался:))
AC
Alexandru Codreanu19 января 2024 г. 19:57
QML Обнулить значения SpinBox Доброго времени суток, не могу разобраться с обнулением значение SpinBox находящего в делегате. import QtQuickimport QtQuick.ControlsWindow { width: 640 height: 480 visible: tr…

Следите за нами в социальных сетях