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

Понимание, по мнению Сары Гиббонс из Nielsen Norman Group, невозможно без эмпатии, но нередко дизайнеры ограничиваются простым сочувствием. Неумение видеть разницу между словами не даёт удовлетворить нужды пользователей.

Что такое сочувствие

Зачастую сочувствие — реакция (в форме печали или жалости) на трудности или тяжёлое положение другого. В отличие от эмпатии, здесь между дизайнером и другим есть дистанция. Он не ставит себя на место пользователя, не разделяет его трудности.

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

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

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

Поэтому Nielsen Norman Group рекомендует делать сообщения об ошибке не длинными и полными извинений, а ёмкими и предлагающими пути исправления проблемы.

Что такое эмпатия

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

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

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

Диапазон эмпатии

Чёткой границы между сочувствием и эмпатией нет. Отношение между ними хорошо представляет спектр, на одном конце которого жалость, а на другом — сострадание.

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

Эмпатичный подход к UX-дизайну

Используйте методы качественного исследования

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

В интервью помогут открытые вопросы: «что делает вас счастливым» вместо «счастливы ли вы». Или «что бы сделало вас сильнее» вместо «каковы ваши слабости».

Многообразие пользователей

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

Пригласите команду на исследования

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

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

Показывайте результаты исследований на видео

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

Составьте карты эмпатии

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

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

Соберите многообразную команду

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

Сделайте эмпатию частью руководства по дизайну

Составьте точные инструкции, чтобы не повторять ошибок.

Если команда не меняет дизайн ради одной группы пользователей, попробуйте ввести правило: «Каждый аспект дизайна должен быть протестирован на многообразной и находящейся в нашей целевой демографии группе пользователей».

Вместо принципа «давайте докажем, что этот дизайн хороший» пользуйтесь принципом «давайте узнаем, что пользователям подходит, а что нет, и почему».

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

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

1313
1 комментарий

Сделайте эмпатию частью руководства по дизайну

Как обычно (для подобных статей) слишком однобоко и категорично. Эмпатия пригождается ИНОГДА, а ИНОГДА нужно быть тираном и насильно приучать юзверей к новью, показывать им красоту, которую они еще не понимают и отвергают (а потом спасибо скажут).

Без тирании в дизайне не было бы прогресса в интерфейсах. Равно как и без эмпатии.

3
Жители домов от застройщика ПИК остались без интернета из-за DDoS-атаки на единственного провайдера

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

3131
55
55
22
Цифровое рабство 21 века. Куда смотрит фас. Это позор конечно. Карманные УК гоняют других провайдеров. )
Альфа-банк ответит за убытки клиента

Верховный суд рассмотрел спор о взыскании убытков с банка за неисполнение поручения клиента.

Альфа-банк ответит за убытки клиента
3636
99
44
Альфа банк худший банк для бизнеса (с)
США впервые наказали Китай за иранскую нефть: а что с Россией?

Администрация Дональда Трампа сделала ход, которого от нее давно ждали, но все равно удивились: впервые наказала Китай за покупку нефти, попавшей под американские санкции.

США впервые наказали Китай за иранскую нефть: а что с Россией?
11
LinkedIn — не просто соцсеть для бизнеса. Это золотая жила для тех, кто умеет копать глубже (а ИИ умеет)

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

LinkedIn — не просто соцсеть для бизнеса. Это золотая жила для тех, кто умеет копать глубже (а ИИ умеет)
88
33
11
День 1123: российские застройщики начали привлекать рабочих из Индии

Собираем новости, события и мнения о рынках, банках и реакциях компаний.

Источник: DR
1717
22
22
11
Все лишь бы не поднимать зарплату для местных )
Китайская Tencent выпустила «рассуждающую» ИИ-модель Hunyuan-T1

Она основана на базе сверхбольшой модели TurboS, которую Tencent выпустила в феврале 2025 года.

44
11
Как и где купить биткоины за рубли в России: пошаговая инструкция

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

130 лет мы писали сценарии, снимали людей и монтировали, пока не пришла нейросеть

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

1414
33
11
11
Как я получил с дивидендных акций, облигаций, фондов и депозита 56 410 рублей и не жалею об этом. Пассивный доход за январь

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

Как я получил с дивидендных акций, облигаций, фондов и депозита 56 410 рублей и не жалею об этом. Пассивный доход за январь
2424
11
11
Китайская Baidu оказалась в центре скандала — 13-летняя дочь топ-менеджера «сливала» данные пользователей, которые критиковали корейскую поп-звезду

Компанию заподозрили в нарушении конфиденциальности данных.

Источник фото: Kr Asia
2727
99
55
22
22
Дочь совсем уже *@%*&. Думает что она типо крутая может что-то. Не понравилось ей что-то. Да пошла ты *****
Пошаговый гайд по созданию лендинга с помощью AI

________________
Время создания сайта: 40 минут
Стоимость: 1000 руб
________________

▪— Планирование и структура
▪— Генерация сайта в Durable
▪— Наполнение контентом
▪— Кастомизация
▪— Публикация сайта

Пошаговый гайд по созданию лендинга с помощью AI
4343
1313
99
11
Почему [ НЕ ] стоит внедрять AI в отдел продаж? 5 весомых причин

Все сейчас говорят, что нужно внедрять AI в отдел продаж и в целом в бизнес. Я же написал 5 причин, почему не стоит внедрять их и работать спокойно

Почему [ НЕ ] стоит внедрять AI в отдел продаж? 5 весомых причин
44
33
22
22
[]