CUSTOMER JOURNEY MAP В MIRO

Если вы не строили Customer Journey Map ранее, «первый блин может получиться комом», и то, что вы построите, может сильно отличаться от примеров, с которыми вы сталкивались на просторах сети. Во-первых, не стоит расстраиваться, останавливаться и откладывать CJM на полку: кривая научения работает, и с каждым следующим разом ваши карты будут становиться качественнее. Во-вторых, в процессе разработки карты есть ряд моментов, которые позволят упростить жизнь и создавать карту в разы быстрее и эффективнее:

Если вы еще в начале пути построения карты клиента, есть риск, что ваш первый CJM получится неопрятным: карточки не будут выровнены относительно друг друга, между ними будет оставаться разное расстояние и т.д. Если ваша Customer Journey Map большая, в отсутствии ровных рядов и строк работа с ней может стать неудобной.

Карточки не выровнены ни по вертикали, ни по горизонтали и частично загораживают друг друга

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

Направляющие вдоль карточек позволяют их выровнять, а направляющие между карточками задают единое расстояние

Выравнивание карточек в 1 клик

Некоторые начинающие пользователи грешат тем, что создают каждую карточку с нуля и меняют ее размер. Это приводит к большому количеству блоков разного размера и, опять же, делает карту гораздо более тяжело читаемой. Чтобы этого избежать, задайте размер первой карточки и в дальнейшем просто копируйте ее, создавая новые. Стандартная схема Ctrl+C / Ctrl+V для копирования и вставки здесь, разумеется, работает.

Копирование и вставка позволяют избежать карточек разного размера

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

Шрифт разного размера в карточках смотрится не идеально

Чтобы шрифт был одинаковым, выделяем все карточки и выбираем максимальный шрифт из возможных

Иногда при построении карты требуется добавить промежуточные шаги, изменить последовательность шагов, убрать какой-либо шаг. В стандартной ситуации нам бы пришлось выделять большую часть карты и передвигать ее. Однако в этом Miro позволяет упростить нашу жизнь с помощью функционала grids (таблиц):

По умолчанию функция таблиц доступна в боковой панели при нажатии на 3 точки. Однако ее можно перетащить в основную боковую панель

Я знаю много людей, которые исторически строили Customer Journey Maps в Excel (сам я не исключение). Но даже с появлением специализированных сервисов все еще существует сегмент пользователей, строящих свои карты в формате таблиц. Плюс в том, что перейти от таблиц к CJM в Miro сейчас стало гораздо легче: просто скопируйте ваши ячейки из Excel и вставьте в Miro: каждая ячейка отобразится в виде стикера.

Копируем CJM в Excel – вставляем в Miro. Осталось только отформатировать

Для того, чтобы визуально отделить слои информации на Customer Journey Map друг от друга, можно использовать фон: прямоугольники, помещаемые на задний план каждого из блоков c карточками. Достаточно удобно, чтобы разграничить блоки, но крайне неудобно, когда мы работаем с этими блоками и меняем их: часто при попытке перетащить несколько карточек вместе с ними перетаскивается и фон.

В таком случае стоит воспользоваться фиксацией элемента. Функция доступна через контекстное меню при выборе одного/группы элементов или при нажатии на сочетание клавиш Ctrl+L или Command+L (на Mac). Таким образом, мы легко можем работать с карточками, перетаскивая их, куда нам нужно, и при этом не беспокоясь о том, что вместе с карточками подвинется и фон.

Добавляя карточки с наблюдениями, бывает полезно также подкреплять наблюдения иллюстрациями: фото, скриншотами и видео. Но возникает проблема: если добавлять иллюстрации рядом с каждой карточкой, ваш CJM быстро превратится в хаос. А если размещать в отдельной области, то перемещаться каждый раз от карточки к иллюстрации будет тяжело. Но мы можем сильно упростить себе жизнь, используя инструмент связывания (Link to). Доступен он из контекстного меню либо при нажатии на сочетание клавиш Ctrl+K или Command+K (на Mac). С помощью этого инструмента мы можем связать различные элементы и переключаться между ними в 1 клик. Хорошей практикой будет связать наблюдение с иллюстрацией, иллюстрацию с рекомендацией, а рекомендацию с изначальным наблюдением. Таким образом, пользователю будет очень легко читать всю историю от начала до конца без необходимости перемещать экран на большие расстояния.

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

Для добавления скриншота с ПК требуется заходить в отдельное меню

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

После перетаскивания в основное меню элемент становится доступен в 1 клик

Если вы строите большую CJM, оптимизация каждого небольшого действия может не только повысить удобство построения карты, но и позволит сэкономить немало времени. В частности, вы можете воспользоваться клавишами 1-9 на клавиатуре для того, чтобы активировать соответствующий элемент на боковой панели (данные команды запрограммированы по умолчанию).

Быстрые клавиши 1-9 позволяют активировать элементы на боковой панели

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

Сохранение CJM в виде шаблона доступно в меню экспорта в левой верхней части экрана

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

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

После того, как ваша Customer Journey Map создана, хорошей практикой будет задать стартовый экран, чтобы все, кто переходит по ссылке, видели ее во всей красе, а не переходили по умолчанию к произвольной области карты.

Задать стартовый экран можно в меню настроек в верхнем правом углу экрана

В рамках обсуждения вопросов по карте также бывает полезно, чтобы все участники встречи были on the same page и смотрели на один и тот же экран. Для этого участникам просто требуется кликнуть на миниатюру презентующего коллеги, и они будут автоматически следовать за ним без необходимости перемещаться самостоятельно. Функция экономит много времени и сил.

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

Большое количество вспомогательных элементов могут мешать презентации

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

В режиме презентации вспомогательные элементы исчезают

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

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

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

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

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

Командная работа при построении CJM может включать большое количество дискуссий: кто-то не согласится с вашими наблюдениями, у кого-то появятся уточняющие вопросы, кто-то, наоборот, решит вас дополнить. В этом случае вам может помочь функционал комментариев (доступны при нажатии на кнопку «C» или из боковой панели. Оставляя комментарий, вы по сути создаете мини-диалог, в рамках которого можно обсудить интересующую тему. Привлечь внимание конкретного сотрудника можно, упомянув его в диалоге с помощью символа «@».

Обсуждение любых вопросов по CJM можно вести прямо в Miro

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

Если комментарий ставится на карточку, он остается в ней при перемещении и не теряется

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

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

В случае, если вопрос решен, вы можете закрыть диалог, нажав на переключатель resolve. В таком случае комментарий скроется из виду. Таким образом, вы можете выстроить коммуникацию в той же среде, где вы разрабатываете Customer Journey Map, причем ваше общение будет четко привязано к конкретным объектам и наблюдениям.

Если вопрос решен, диалог можно завершить, переведя его в статус resolved

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

Плагин доступен в маркетплейсе приложений: боковая панель – 3 точки – Add More Apps

Плагин позволяет провести голосование по выбранным карточкам (например, все карточки в рамках слоя CJM с инициативами по улучшению). Таким образом, при желании первичную приоритизацию инициатив можно провести прямо в Miro:

Можно выбрать элементы, за которые будут голосовать участники, задать максимальное количество голосов на участника, а также задать время для голосования

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

Маркировка может вестись по различным измерениям

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

При поиске по тегу ячейки с тегом подсвечиваются

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