Как сделать так, чтобы клиенты возвращались? А как понять, почему люди выбрали конкурентов? Может, им что-то не нравится? Ответы на эти и другие вопросы поможет найти карта пути клиента — Customer Journey Map. Посмотрим, как её составляют и изучим несколько примеров.
Разобраться в теме нам помог Юрий Морозов — преподаватель курса «Карта пути клиента (CJM)» в PMCLUB, менеджер продукта в международном решении для создания и редактирования фото и видео с использованием ИИ Lightricks, директор по продукту в международной платформе для анализа местоположения GetPlace.io и сооснователь агентства продуктового опыта Ways & Grace.
Что такое Customer Journey Map
📌 Customer Journey Map (англ. Карта пути клиента) — это инструмент диагностики взаимодействия аудитории с продуктом, который визуализирует путь клиента. Такую карту можно собрать в виде таблицы, схемы, графика или инфографики.
На CJM воспроизводится опыт реального клиента — человека, который уже воспользовался продуктом или услугой, прожил опыт и испытал эмоции от использования.
Карту пути клиента собирают на основе ряда интервью. Полученную информацию оформляют на карте и отражают на ней пользовательский опыт — позитивный и негативный. Визуализация помогает обработать большое количество информации и заметить проблемы.
❗️ CJM — это инструмент для уже действующего продукта. Собирать карту пути пользователя для продукта, который только планируют выпускать, — как рисовать карту несуществующего города. Сделать-то её можно, но это будет не карта, а черновик, blueprint.
Почему CJM важна для бизнеса
- Помогает увидеть, как клиент пришёл к продукту
На карте фиксируется, как человек действовал и что делал до возникновения потребности в продукте, как он выбрал подходящий, когда и почему решил заплатить и так далее. Карта лаконично демонстрирует весь долгий путь клиента к продукту — такое проще изучить и понять.
- Помогает зафиксировать большой объём обратной связи
CJM отражает эмоции людей от взаимодействия с продуктом — и положительные, и отрицательный. Перед глазами возникает краткое отражение «болей» людей и насколько эффективно продукт эти боли решает.
- Помогает увидеть точки соприкосновений с продуктом
На CJM отмечают точки, в которых клиент встречается с предложением о продукте. Это может быть таргетированная реклама, email-рассылка, интеграция в блогах и так далее. CJM помогает понять, какие из них работают лучше всего и чем именно привлекают клиентов.
- Помогает улучшить процессы и найти слабые места
К примеру, на интервью с клиентами выясняется, что у приложения слишком сложный интерфейс. Важно зафиксировать все нюансы — в том числе попросить открыть сервисы конкурентов, которые удобнее для пользователя. На CJM можно отметить всё это и использовать для дальнейших исследований и улучшений.
- Помогает синхронизировать команду
Команда собирается и смотрит на карту. Каждый отдел — от маркетинга до разработчиков — понимает, как их ежедневная работа влияет на действия клиента и отражается на продукте в целом.
Ещё карту пути клиента можно использовать, чтобы презентовать продукт другим участникам команды и руководству. Если в компании есть проблемы, то карта поможет донести их в понятном формате и сфокусировать работу команды в нужном направлении.
![](/assets/thumbnails/blog/yurimorozov-730.jpg)
- Помогает оценить качество продукта
Представление компании о качестве продукта может отличаться от мнения клиентов. Какой бы классной ни была идея, её нужно синхронизировать с пользовательским опытом. Исследование на CJM наглядно покажет все мнения и поможет понять, что именно нужно доработать.
Структура Customer Journey Map
В структуре CJM есть базовые элементы — её составные части. Они достаточно универсальны для любого бизнеса и продукта:
- Этапы взаимодействия с продуктом
- Цели клиента
- Действия
- Точки контакта
- Эмоции
- Вопросы
- Барьеры
Этапы взаимодействия
Это шаги, которые проходит потенциальный клиент по пути взаимодействия с продуктом: от осознания потребности до последующей жизни (которая тоже может как-то соприкасаться с продуктом).
Эта часть карты довольно стандартная — на любой CJM будут плюс-минус одинаковые этапы: осознание потребности, поиск решения, покупка, последующее взаимодействие (возврат или рекомендация).
![CJM структура CJM структура](/images/blog/tablitsacjm1.png)
Цели
Цели клиента — или потребности человека, его проблемы и боли, которые он хочет закрыть с помощью продукта или услуги. Здесь карта показывает, «бьётся» ли конкретный продукт или бизнес с запросом потенциального клиента.
За этой частью карты надо наблюдать особенно пристально — и оперативно чинить, если что-то ломается.
![CJM структура CJM структура](/images/blog/tablitsacjmceli.png)
Действия
Суть взаимодействия с продуктом — шаги, которые помогают пользователю достичь целей. Важно подробно описать каждое действие клиента с продуктом. Например, чтобы заказать доставку пиццы, нужно:
Открыть мобильное приложение или сайт → Выбрать пиццу → Перейти в корзину → Ввести данные банковской карты → Оплатить заказ → Дождаться курьера и принять у него пиццу
Если попросить пользователя воспроизвести эту цепочку действий, можно разобраться в причинах негативного опыта. Возможно, клиента оттолкнули грубость курьера или остывшая пицца. Этот фидбек поможет улучшить опыт клиентов и не терять их.
![CJM структура CJM структура](/images/blog/tablitsacjmdejstvia-1.png)
Точки контакта
Это реклама, приложение в сторе, сайт, билборд, магазин, лендинги или рассылка — точки взаимодействия клиента с продуктом онлайн и офлайн. Они зависят от типа продукта или услуги.
![CJM структура CJM структура](/images/blog/tablitsatochkicontacta-1.png)
Эмоции
В этой части карты прописывают позитивный и негативный пользовательский опыт. Важно отразить качественное содержание опыта, а не только эмоции, которые обычно отображают через эмодзи.
![CJM структура CJM структура](/images/blog/tablitsacjm1emocji-1.png)
![](/assets/thumbnails/blog/yurimorozov-730.jpg)
Вопросы
Здесь прописывают любые вопросы клиента по использованию продукта. Во время интервью пользователь может задать вопрос об услуге или функции, которые ему непонятны. Такие моменты важно фиксировать — они помогут разобраться в причинах падения продаж.
![CJM структура CJM структура](/images/blog/tablitsacjmvoprosy.png)
Барьеры
В этой части карты надо отразить, что именно помешало человеку достичь цели, на каком этапе и в какой точке контакта это произошло. Типичный пример барьера — многоэтапная регистрация в приложении. Для многих юзеров это повод остановиться и уйти. Барьеры — ещё одно место карты, которую нужно отчаянно чинить, если есть проблемы.
![CJM структура CJM структура](/images/blog/tablitsacjmbarjery.png)
Как составить карту пути клиента
Проанализируй аудиторию и составь портрет клиента
Портрет пользователя нужен, чтобы в последующем сегментировать клиентов по целевым группам. Это, в свою очередь, поможет выстроить персональные стратегии. Клиенты отличаются по проблемам, образу жизни и потребностям, поэтому для каждой группы нужно собирать отдельную CJM и работать сегментированно.
Чтобы составить портрет пользователя, стоить применить метод Jobs to be done (JTBD) — то есть расписать конкретные задачи, которые решает продукт. Это поможет сфокусироваться на том, что именно ищет пользователь.
![](/assets/thumbnails/blog/yurimorozov-730.jpg)
💡 Если всё же нужна более точная информация о клиентах, используй Яндекс Метрику. Там можно узнать, какими девайсами или браузерами пользуются клиенты, из какого они города или страны, сколько времени проводят на сайте и на каждом шаге и так далее.
Проведи серию интервью
Найти респондентов под определённые запросы можно двумя способами:
- Рекрутинговые агентства — его специалисты помогут подобрать людей и организовать с ними встречу.
- CRM-система — она хранит контакты по разным сегментам клиентов — например, тех, кто недавно зарегистрировался в сервисе, но ни разу им не воспользовался.
🔥 Читай нашу статью том, как выбрать CRM-систему
Проводи интервью один на один. Чаще всего достаточно задать три вопроса на каждую группу людей: Как? Почему? Расскажите?
Вот примеры:
- Как вы заказывали банковскую карту?
- Почему вы решили пойти в магазин, а не заказали доставку еды домой?
- Расскажите о своей последней поездке за границу.
Ответы на них проведут тебя по клиентскому пути и дадут наиболее полную информацию для каждой части карты.
А сколько интервью достаточно для составления карты?
💡 По данным исследования от Nielsen Norman Group, на каждый целевой сегмент достаточно пяти интервью из одной целевой группы. Например, для интервью со студентами лучше выбрать людей с трёх разных курсов. В каждой опрашиваемой группе должно быть по пять респондентов.
![](/assets/thumbnails/blog/yurimorozov-730.jpg)
Выдели этапы, цели и действия, точки контакта
После интервью появится много информации: шаги клиентов, какие проблемы они хотели решить, что делали и как соприкоснулись с продуктом. Подели фидбек на группы — и переноси на карту.
Отрази данные на CJM
Нарисовать карту можно с помощью схемы, инфографики или таблицы. В CJM можно добавлять данные о клиентах сразу после интервью и подходить к этому итеративно:
Проводи интервью с первым респондентом → Внеси его данные в CJM → Поговори со вторым респондентом → Обнови данные в карте → И так все интервью
![](/assets/thumbnails/blog/yurimorozov-730.jpg)
Презентуй CJM команде и партнёрам
Задача CJM — работать на бизнес, так что собранная карта должна учитываться при развитии продукта. Покажи карту в компании и расскажи, что удалось обнаружить. Например, какие точки касаний были найдены, что вызывает больше всего положительного фидбека.
Карта пути клиента должна быть понятной, простой и максимально информативной. Мы нашли несколько сервисов, в которых удобнее всего визуализировать CJM. Подробно расскажем о каждом из них — а ещё о том, как их интегрировать в таск-менеджер WEEEK👇
Топ-5 инструментов для построения Customer Journey Map
Figma и FigJam
Это один из самых популярных графических редакторов. Во внутреннем инструменте для визуализации FigJam есть готовый шаблон CJM.
![CJM Figma CJM Figma](/images/blog/unnamed.jpg)
Как пользоваться: Web-версия, офлайн-версии для Windows и macOS, приложение для iOS и Android
Стоимость: бесплатно для одного пользователя. Профессиональная версия от $12 до $75 в месяц
Фичи для сборки CJM
- Удобный конструктор для сбора карты: готовые формы, стрелки, стикеры, готовые таблицы, текстовые вставки
- Функция совместного редактирования в режиме реального времени с чатом
- Figma Community — интерактивные доски с бесплатными шаблонами для CJM и простым интерфейсом
- Интеграция с мессенджером Slack
Недостатки
- В бесплатной версии есть ограничения по количеству страниц внутри макета и проектов, к которым можно раздать доступы
- Интерфейс на английском языке
- Доступ для команды невозможно оплатить банковскими картами РФ
Miro
Максимально подходящий сервис для создания CJM. Тут всё как на настоящей доске — можно прикреплять стикеры любого цвета, при необходимости двигать их и писать на них что угодно.
![Построить CJM в Miro CJM Miro](/images/blog/unnamed-4-1.png)
Как пользоваться: Web-версия, Windows, iOS, Lunix, приложение для iOS и Android
Стоимость: бесплатная подписка на три доски. Профессиональная версия от $8 до $16
Фичи для сборки CJM
- Бесплатные шаблоны для CJM
- Возможность перенести таблицы из Excel. Ячейки отобразятся в виде стикера
- Текстовый и голосовой чат и демонстрация экрана
- Интеграция со Slack и Jira
Недостатки
- В бесплатной версии есть ограничения по количеству проектов
- Невозможно оплатить банковскими картами РФ
UXPressia
Простой инструмент специально для создания CJM. В сервисе есть подробная инструкция для новичков и готовая подборка шаблонов для самых разных типов бизнеса.
![Построить CJM в UXPressia CJM UXPressia](/images/blog/image-213.png)
Как пользоваться: Web-версия, Windows, iOS, приложение для iOS и Android
Стоимость: бесплатно для одной CJM. Профессиональная версия от $16 до $36 в месяц
Фичи для сборки CJM
- Понятный интерфейс и гид по созданию CJM для новичков
- Можно интегрировать с инструментами веб-аналитики
- Отслеживание выполнения KPI — сервис сам считает нужные показатели и формирует отчёты
- Набор шаблонов карт для разных отраслей бизнеса: от продажи автомобилей до мобильной разработки
- Совместная работа с командой над CJM в режиме реального времени
Недостатки
- В бесплатной версии CJM можно поделиться только один раз, либо скачать PNG-версию
- Нельзя оплатить российскими картами
- Нет русскоязычной версии
Touchpoint Dashboard
Ещё один сервис специально под построение CJM. В нём можно создавать портреты персонажей и от простых графиков до усложнённых.
![Построить CJM в Touchpoint CJM Touchpoint](/images/blog/unnamed-5.png)
Как пользоваться: Web-версия, Windows, iOS, приложение для iOS и Android
Стоимость: бесплатная пробная версия на год. Профессиональная версия $39.90 в месяц.
Фичи для сборки CJM
- Совместная работа с командой над CJM в режиме реального времени
- Набор готовых шаблонов CJM
- Обучающие материалы, с помощью которых можно легко составить карту
Недостатки
- Нельзя оплатить российскими картами
- Нет русскоязычной версии
Google Таблицы
Простой и полностью бесплатный сервис для создания CJM. Можно легко найти тех, кто не работал в Figma, но с Google Таблицами знакомы почти все. Сервис может быть рабочим черновиком для команды с привычным интерфейсом.
![Построить CJM в Google таблицах CJM Google Sheets](/images/blog/unnamed-3-2.jpg)
Как пользоваться: Web-версия, приложения для iOS и Android
Стоимость: бесплатно
Фичи для сборки CJM
- Простой и привычный интерфейс
- Можно создать неограниченное количество таблиц
- Совместное редактирование в режиме реального времени
- Автосохранение
Недостатки
- CJM выглядит немного черново — проигрывает по сравнению с графическими редакторами
💡 CJM из Miro, Figma и Google Таблиц можно интегрировать в WEEEK через раздел проекта Приложения. Customer Journey Map — только часть любого проекта и продукта, так что её стоит хранить в общем рабочем пространстве, чтобы не переключаться по вкладкам и не ходить по ссылкам.
![CJM пример CJM пример](/images/blog/unnamed-6.png)
Примеры CJM
Ниже — примеры CJM для Альфа-Банка, сети ресторанов White Rabbit Family и магазина электроники «Техно» (название выдумано). В каждом из них раскроем цели создания карты, исследования, которые провели для них, и результаты.
Кейсами CJM поделился наш эксперт Юрий Морозов 👇
Альфа-Банк. Исследовательский проект для электронных банковских гарантий
Электронные банковские гарантии помогают участвовать в тендерах, конкурсах или аукционах. С таким документом заказчик защищён от рисков невыполнения договорённостей, заключаемых с исполнителем.
Например, без банковской гарантии дизайнер не сможет получить грант в рамках госзаказа на разработку нового логотипа для метрополитена. Поэтому ему нужно обратиться к страховому агенту, который поможет получить этот документ — найдёт выгодные предложения от банков и заполнит заявку. После её одобрения дизайнер оплатит гарантию и сможет принять участие в конкурсе.
Цель CJM. Изучить путь страхового агента по банковским гарантиям и помочь решить проблемы его взаимодействия с Альфа-Банком.
Проведённые исследования. Интервью со страховыми агентами — они показывали процесс заполнения заявки. Ещё интервью с банковскими сотрудниками — они рассказывали, как эти заявки рассматривают. Также общались с кредитными аналитиками в банке, которые решают, выдавать гарантию или нет. Под каждую группу респондентов создавалась отдельная карта.
Результаты. Один из инсайтов: страховые агенты хотят быть частью комьюнити и взаимодействовать с банковскими работниками не только в формате запроса и получения информации об условиях гарантий. Альфа-Банк выстроил этот «мостик» к своим коллегам — теперь они устраивают бизнес-завтраки и вместе играют в футбол. Всё это поспособствовало укреплению отношений и в рабочих процессах.
![CJM пример CJM пример](/images/blog/alfa-bank-1.png)
![CJM пример CJM пример](/images/blog/alfa-bank-2.png)
White Rabbit Family Avia. Исследовательский проект для кейтеринга бизнес-авиации
White Rabbit Family Avia — это сервис по доставке еды для бизнес-авиации от сети ресторанов White Rabbit Family.
Цель CJM. Создать уникальное торговое предложение (УТП), определить ключевых стейкхолдеров и точки роста для бизнеса.
Проведённые исследования. В интервью принимали участие бортпроводники — опытные и те, кто работает недавно. Далее вместе с командой White Rabbit Family был проанализирован каждый шаг — от момента, когда бортпроводники узнают о вылете, до обслуживания клиентов на рейсе.
Результаты. Оказалось, бортпроводники берут в рейсы свою еду, чтобы перекусить на перерыве. White Rabbit Family отреагировали на это и начали добавлять в общий заказ бесплатный стафф-презент. А ещё бортпроводники поделились, что им приходится самостоятельно продумывать и готовить вэлкам-зону с напитками и десертами для клиентов. Так, команда кейтеринга стала предоставлять готовые наборы и для этой цели. Например, если рейс в Рим, то сервировка и закуски — в итальянском стиле. И эта забота положительно повлияла на их дальнейшее сотрудничество.
![CJM пример CJM пример](/images/blog/wrf-avia-1.jpg)
![CJM пример CJM пример](/images/blog/wrf-avia-2.png)
Кейс построения CJM с магазином электроники «Техно» (название выдумано)
Цель CJM. Улучшение качества работы продавцов в одном из крупных магазинов электроники.
Проведённые исследования. На интервью с продавцами собрали подробную информацию начале их смен, как они проводят обеденное время, из каких источников узнают о новых продуктах в магазине — и так далее. Весь этот опыт переложили на CJM и начали разбираться, как повлиять на продуктивность команды и дать комфортные условия работы.
Результаты. По итогам исследования выявили проблему — на графике рабочих смен не отображались расписания всех продавцов. Оказалось, для них важно знать, с кем они будут работать, чтобы подготовиться к рабочему дню. CJM подсветила проблему, и график смен обновили. Это существенно повлияло на настрой и продуктивность команды.
![CJM пример CJM пример](/images/blog/magazin-elektroniki-1.jpg)
![CJM пример CJM пример](/images/blog/magazin-elektroniki-2.png)
Карта пути этого текста
- Customer Journey Map (англ. Карта пути клиента) — инструмент диагностики взаимодействия клиента с продуктом. В нём наглядно отображают путь клиента в использовании продукта.
- CJM можно собрать на основе ряда интервью в виде таблицы, схемы, графика или инфографики. На ней воспроизводится опыт реального клиента — человека, который уже воспользовался продуктом, прожил опыт и испытал эмоции от использования.
- CJM помогает увидеть, как человек пришёл к продукту и найти с ним точки соприкосновения, зафиксировать фидбек, улучшить слабые места, оценить качество продукта и синхронизировать команду.
-
Этапы составления CJM: анализ аудитории, составление портрета пользователя, проведение интервью, определение этапов, целей, действий и точек контактов пользователя с продуктом, фиксирование данных на карту и её презентация команде.
- Лучшие сервисы для составления CJM: Figma, Miro, UXPressia, Touchpoint Dashboard, Google Таблицы. Их можно интегрировать в WEEEK в разделе «Приложения», чтобы не переключаться по вкладкам.