Карта эмпатии: как использовать в UX/UI-дизайне
Узнайте, что такое карта эмпатии, для чего она нужна и как UX/UI-дизайнерам использовать этот инструмент в разработке удобных и понятных интерфейсов IT-продуктов.
Веб-дизайн
1883
19 нояб. 2024
Чтобы разработать с нуля интерфейс будущего IT-продукта, UX/UI-дизайнеру нужно четко понимать, кто будет им пользоваться. Здорово, если заказчик проекта сразу дает подробный портрет целевой аудитории. А как быть, если такой информации нет?
В таком случае поможет карта эмпатии — специальный метод, который используется в маркетинге для анализа целевой аудитории. Методика развивает способность ставить себя на место другого человека и помогает UX/UI-дизайнеру взглянуть на создаваемый IT-продукт глазами его будущих пользователей.
По факту карта эмпатии — визуальная схема, по которой можно составить детальный портрет целевой аудитории, понять ценности, предпочтения, мотивацию, «боли» и глубинные потребности пользователей IT-продукта. Метод был предложен Дейвом Греем, основателем компании стратегического проектирования XPLANE.
Карта эмпатии включает семь блоков:
Ключевое преимущество карты эмпатии в том, что это очень наглядный и целостный метод. С его помощью можно получить очень подробный портрет целевой аудитории с детальным описанием ее потребностей. А еще карта эмпатии хорошо выявляет «слепые зоны» и показывает, какой информации о пользователях не хватает для продолжения работы над IT-продуктом.
Процесс создания карты эмпатии делится на пять этапов, рассмотрим каждый из них подробнее:
Карта эмпатии — отличный способ проникнуться потребностями целевых пользователей будущего IT-продукта. Составив такую карту, вы сможете обращаться к ней каждый раз, когда потребуется взглянуть на свою работу глазами конечного пользователя конкретного IT-продукта.
В таком случае поможет карта эмпатии — специальный метод, который используется в маркетинге для анализа целевой аудитории. Методика развивает способность ставить себя на место другого человека и помогает UX/UI-дизайнеру взглянуть на создаваемый IT-продукт глазами его будущих пользователей.
Что такое карта эмпатии?
По факту карта эмпатии — визуальная схема, по которой можно составить детальный портрет целевой аудитории, понять ценности, предпочтения, мотивацию, «боли» и глубинные потребности пользователей IT-продукта. Метод был предложен Дейвом Греем, основателем компании стратегического проектирования XPLANE.
Карта эмпатии включает семь блоков:
- Что слышит пользователь?
В блоке прописываются типичные фразы и смыслы, связанные со сферой IT-продукта, которые транслирует пользователю его окружение. - Что видит пользователь?
Блок описывает поведение друзей и близких, значимых для пользователя экспертов, лидеров мнений, а также паттерны поведения, которые демонстрируются в СМИ и соцсетях. - Что пользователь думает и чувствует?
Здесь перечисляются эмоции, переживания и мысли, возникающие у пользователя по поводу проблем, которые решает ваш продукт. Также указываются истинные стремления вашей аудитории, почему для нее важно именно это. - Что говорит пользователь?
В этом блок прописываются слова и фразы, которыми пользуется целевая аудитория, чтобы выразить свое отношение к похожим продуктам, предложениям конкурентов. - Что пользователь делает?
Блок описывает действия целевых пользователей, их образ жизни и внешний вид, повседневную рутину, хобби, характер работы, привычки и отношения с другими людьми на работе, учебе, в семье. - Боли пользователя.
К этому блоку относятся все страхи, сомнения, возражения и опасения клиента, относящиеся к вашему продукту и жизни в целом. - Какие выгоды ищет пользователь?
В последнем блоке прописывается, что пользователь хочет получить от жизни, какие мечты, желания и надежды он хочет реализовать с помощью вашего IT-продукта.
Ключевое преимущество карты эмпатии в том, что это очень наглядный и целостный метод. С его помощью можно получить очень подробный портрет целевой аудитории с детальным описанием ее потребностей. А еще карта эмпатии хорошо выявляет «слепые зоны» и показывает, какой информации о пользователях не хватает для продолжения работы над IT-продуктом.
Составляем карту эмпатии по шагам
Процесс создания карты эмпатии делится на пять этапов, рассмотрим каждый из них подробнее:
- Подготовка
На этапе подготовки составьте список источников, откуда вы будет брать информацию об аудитории. Это могут быть ваши коллеги по проекту, профили представителей целевой аудитории в соцсетях, их комментарии под публикациями в тематические группах/каналах, например. - Постановка цели исследования
Сформулируйте четко и конкретно, для чего вам нужен подробный портрет целевых пользователей. Это может быть не только разработка нового решения для новой аудитории, но и, например, редизайн уже существующего IT-продукта. - Составление аватара пользователя
Определитесь, кому именно предназначен ваш продукт. Для этого можно просто на бумаге или в любом графическом редакторе составить аватар целевого пользователя. Пропишите, сколько ему лет, где он живет, какого пола этот человек и как его зовут, какой у него характер. Основоположник метода советует нарисовать пользователя или взять фото настоящего человека. Так проще спроецировать его опыт на себя и понять его потребности.
Если во время работы над картой оказывается, что вам не хватает какой-то информации или не получается взглянуть на продукт глазами клиента, отложите на время эту задачу и соберите недостающие данные. - Заполнение карты
Когда все готово, приступайте к заполнению всех семи блоков карты эмпатии на основе имеющейся информации и аватара пользователя. Желательно делать это вместе с другими участниками проекта. Так вы сможете взглянуть на пользователя под разным углом и точнее составить его портрет. - Анализ и проверка
Заполнив все разделы карты эмпатии, зачитайте вслух и еще раз обсудите ее содержимое с другими участниками. Подумайте вместе, какие неточности надо скорректировать, а какие факты добавить, какие мотивы, боли, потребности пользователей могли быть упущены.
Заключение
Карта эмпатии — отличный способ проникнуться потребностями целевых пользователей будущего IT-продукта. Составив такую карту, вы сможете обращаться к ней каждый раз, когда потребуется взглянуть на свою работу глазами конечного пользователя конкретного IT-продукта.
Читайте другие статьи
Тренды UX/UI-дизайна первой половины 2023 года
К каким новинкам и свежим идеям в дизайне интерфейсов стоит присмотреться повнимательнее и внедрить в свою работу? Знакомьтесь с подборкой основных трендов UX/UI-дизайна по итогам первой половины 2023 года!
Веб-дизайн
3227
29 авг. 2023
5 советов по использованию ментальных моделей в дизайне
Что такое ментальные модели, как ими правильно пользоваться веб-дизайнеру для создания понятных пользователям успешных сайтов и приложений?
Веб-дизайн
4103
14 янв. 2022
Эмпатия для веб-дизайнеров: что такое, зачем и как развивать?
Способность к сопереживанию — это залог разработки и создания качественного и успешного сайта и продукта. Именно эмпатия определяет уровень профессионализма дизайнера.
Веб-дизайн
4327
30 сент. 2019
Получайте первыми свежие статьи из нашего блога прямо на вашу почту
Никакого спама. Только ценные и полезные статьи для вас!