mafulechka
mafulechka12 марта 2020 г. 16: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 хостинг.

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

Комментарии

Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
S

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

  • Результат:53баллов,
  • Очки рейтинга-4
S

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

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

C++ - Тест 005. Структуры и Классы

  • Результат:100баллов,
  • Очки рейтинга10
Последние комментарии
Evgenii Legotckoi
Evgenii Legotckoi25 мая 2023 г. 4:49
Как написать игру на Qt - Урок 2. Анимация героя игры (2D) Код на строчка 184-198 вызывает перерисовку области на каждый 4-й такт счётчика. По той логике не нужно перерисовывать объект постоянно, достаточно реже, чем выполняется игровой слот. А слот вып…
J
JonnyJo21 мая 2023 г. 10:49
Как написать игру на Qt - Урок 2. Анимация героя игры (2D) Евгений, благодарю! Всё равно не совсем понимаю :( Если муха двигает ножками только при нажатии клавиш перемещение, то что, собственно, делает код со строк 184-198 в triangle.cpp? В этих строчка…
Evgenii Legotckoi
Evgenii Legotckoi21 мая 2023 г. 5:57
Как написать игру на Qt - Урок 2. Анимация героя игры (2D) Добрый день. slotGameTimer срабатывает по таймеру и при каждой сработке countForSteps увеличивается на 1, это не зависит от нажатия клавиш, нажатая клавиша лишь определяет положение ножек, котор…
J
JonnyJo20 мая 2023 г. 11:27
Как написать игру на Qt - Урок 2. Анимация героя игры (2D) Евгений, здравствуйте! Подскажите, а почему при нажатии одной клавиши переменная countForSteps увеличивается не на 1, на 4, ведь одно действие даёт увеличение этой переменной только на единицу? …
Сейчас обсуждают на форуме
Evgenii Legotckoi
Evgenii Legotckoi16 апреля 2023 г. 4:07
Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Да, это возможно. Но подобные вещи лучше запускать через celery. То есть drf принимает команду, и после этого регистрирует задачу в celery, котроый уже асинхронно всё это выполняет. В противном …
АБ
Алексей Бобров14 декабря 2021 г. 19:03
Sorting the added QML elements in the ListModel I am writing an alarm clock in QML, I am required to sort the alarms in ascending order (depending on the date or time (if there are several alarms on the same day). I've done the sorting …
Evgenii Legotckoi
Evgenii Legotckoi29 марта 2023 г. 4:11
Замена поля ManyToMany Картинки точно нужно хранить в медиа директории на сервере, а для обращения использовать ImageField. Который будет хранить только путь к изображению на сервере. Хранить изображения в базе данных…
Evgenii Legotckoi
Evgenii Legotckoi24 апреля 2023 г. 3:22
Пакеты данных между сервером и клиентами Привет. Если классы имеют что-то общее в полях, а также общую идеологию и их можно вписать в иерархию наследования, то в первую очередь переписать так, чтобы один базовый класс объединял в…

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