Безкоштовно · українською · 7 хв читання
Що таке CJM і як її скласти: карта шляху користувача
CJM (customer journey map) — карта шляху користувача. Пояснюємо, з чого вона складається, як зібрати дані й скласти першу карту як навчальну вправу.
- Що таке CJM і з яких частин вона складається
- Де взяти дані, щоб карта не була вигаданою
- Як знайти на карті можливості для дизайну
- Безкоштовно
- 1504 учасники
- Вхід за 1 клік
П'ять кроків до першої CJM
- 1
Крок 1
Оберіть актора і сценарій
- 2
Крок 2
Зберіть дані про реальний досвід
- 3
Крок 3
Розбийте шлях на етапи
- 4
Крок 4
Заповніть дії, думки й емоції
- 5
Крок 5
Знайдіть можливості й покажіть карту
- 1504
- учасники спільноти
- 8915
- повідомлень із запитаннями з липня 2024
- 9
- дизайн-ігор з вересня 2024
- 759
- людей писали в чат
Цей гайд для вас, якщо ви
Вперше чуєте «CJM»
Абревіатура трапляється у вакансіях і кейсах, і хочеться нарешті зрозуміти, що за нею стоїть.
Робите навчальний кейс
Треба показати, що ви бачите весь досвід людини, а не лише окремі екрани.
Маєте карту «для краси»
Карта є в кейсі, але з неї не випливає жодне рішення. Хочеться, щоб вона працювала.
Коротко
- CJM, або customer journey map, — це візуалізація того, як конкретна людина проходить шлях до своєї мети.
- За Nielsen Norman Group, у карті є актор, сценарій з очікуваннями, етапи, дії, думки й емоції та можливості.
- Карта має спиратися на дослідження: інтерв'ю, спостереження, відгуки. Інакше це лише ваші припущення.
- CJM описує ширший досвід, часто через кілька каналів; детальні кроки в одному продукті — це user flow.
- Результат карти — можливості для покращення, а не красивий плакат.
П'ять кроків до першої CJM
- 1
Крок 1
Оберіть актора і сценарій
CJM — це карта, що етап за етапом показує шлях людини до її мети: що вона робить, думає й відчуває і де їй найважче. Складання починається з двох елементів, які Nielsen Norman Group ставить першими: актор і сценарій з очікуваннями. Актор — це той, чий досвід ви описуєте: конкретний тип користувача або персона. Сценарій — ситуація з метою, яку людина хоче досягти, і її очікування. Для навчальної вправи візьміть звичну послугу, з якою стикаються ваші знайомі: запис до лікаря, переїзд в іншу квартиру, купівлю першого ноутбука.
- одна карта — один актор і один сценарій: «студентка вперше шукає квартиру для оренди в новому місті»;
- запишіть очікування актора: що людина вважає «нормальним» результатом і за який час;
- вирішіть, яку карту робите: поточного досвіду (як є зараз) чи бажаного майбутнього. Для першої вправи краще поточну.
💡 Якщо сценарій займає хвилини і весь відбувається в одному застосунку, вам, найімовірніше, потрібна не CJM, а user flow.
- 2
Крок 2
Зберіть дані про реальний досвід
NN/g наголошує, що дії актора на карті мають ґрунтуватися на даних. Найпростіше джерело для навчального проєкту — кілька інтерв'ю з людьми, які нещодавно пройшли цей шлях. Попросіть розповісти, як усе відбувалося від першої думки до результату, і уточнюйте, що людина робила, думала й відчувала на кожному етапі.
- питайте про конкретний випадок: «Розкажіть, як ви востаннє записувалися до лікаря»;
- записуйте дослівні цитати: на карті вони звучать переконливіше за ваш переказ;
- фіксуйте канали: сайт, дзвінок, месенджер, особистий візит, порада знайомих;
- додайте вторинні джерела, якщо вони є: відгуки, звернення в підтримку, пости в соцмережах.
💡 Якщо даних немає, а карту скласти треба, чесно назвіть її гіпотезою і позначте, що саме ще треба перевірити в розмовах з людьми.
Покажіть свою першу CJM
Свіжий погляд швидко помітить етап, який ви пропустили, або емоцію, яку додумали. У спільноті діляться роботами й отримують фідбек. Заходьте, це безкоштовно.
Показати CJM на фідбекБезкоштовно. 1504 дизайнери вже в спільноті.
- 3
Крок 3
Розбийте шлях на етапи
Етапи (journey phases) — це великі частини шляху, які йдуть по горизонталі карти. Їхня кількість і назви залежать від сценарію. Наприклад, для оренди житла це може бути: зрозуміти, що потрібна квартира, — шукати варіанти — дивитися квартири — домовлятися й підписувати договір — заселятися. Назви етапи з погляду людини, а не компанії.
- погано: «лідогенерація», «конверсія» — це мова бізнесу, а не досвід людини;
- краще: «шукаю варіанти», «їду дивитися», «підписую договір»;
- якщо етапів забагато і карта не вміщається в один погляд, частину варто об'єднати.
- 4
Крок 4
Заповніть дії, думки й емоції
Під кожним етапом заповніть три рядки, які NN/g описує як дії, думки (mindsets) й емоції. Дії — що людина робить. Думки — її питання, мотиви й потреби в інформації; найкраще, якщо це дослівні цитати з досліджень. Емоції часто малюють однією лінією, що піднімається й опускається між етапами: так одразу видно, де досвід найгірший.
- дії: «гортає оголошення на трьох сайтах», «пише власнику в месенджер»;
- думки: «Чи це фото справжні?», «Скільки ще доведеться заплатити зверху?»;
- емоції: від надії на старті до тривоги перед підписанням договору;
- додайте точки контакту: де саме людина взаємодіє з послугою на кожному етапі.
💡 Карту зручно робити на стіні зі стікерами або на онлайн-дошці (whiteboard): етапи — колонки, дії, думки й емоції — рядки.
Карта вийшла, а що з нею робити — незрозуміло? Спитайте в спільноті → - 5
Крок 5
Знайдіть можливості й покажіть карту
Останній елемент карти, за NN/g, — можливості: висновки про те, як покращити досвід. Подивіться, де лінія емоцій падає найнижче, де людина повторює дії або перемикається між каналами, де у неї найбільше питань. Для кожного такого місця сформулюйте можливість і ідею, як її використати. Саме можливості перетворюють карту з ілюстрації на інструмент.
- формулюйте можливість через проблему: «Люди не знають реальної суми до перегляду квартири»;
- оберіть 1–2 можливості й перейдіть до дизайну: екран, сервіс, повідомлення;
- для кейсу покажіть шлях: дослідження → карта → можливість → рішення;
- позначте, яка частина карти підкріплена даними, а яка поки припущення.
💡 Покажіть карту в спільноті й спитайте, чи зрозуміло з неї, де найбільша проблема. Якщо людям потрібні ваші пояснення, карту варто спростити.
Ви не самі з цими питаннями
Ми порахували, про що найчастіше питають у нашій спільноті. UX-дослідження теж серед тем, з якими приходять учасники, а карти досвіду — частина цієї теми.
Повідомлення за темами в Spaceberry Community, липень 2024 — листопад 2026. Пошук за ключовими словами.
Практика з дедлайном і живим фідбеком
Найкраще вчить задача з терміном, яку бачать інші люди. Тому в спільноті регулярно проходять дизайн-ігри: однакове завдання для всіх, дедлайн і голосування.

Дизайн-гра · січень 2026
Редизайн сайту НАОМА
Головна сторінка академії очима абітурієнта, студента й викладача. Три роботи у фіналі, переможця обрала спільнота.

AI-челендж · травень 2025
Лендинг, створений AI
Логотип, тексти й візуали — тільки AI-інструментами. Чотири роботи, анонімне голосування, учасники поділилися промптами.

Воркшоп · квітень 2026
Figmosha: AI у Figma
Автор інструмента показав, як генерувати інтерфейси у Figma й аналізувати дизайн-систему.
Безкоштовно. 1504 дизайнери вже в спільноті.
Як приєднатися — 1 хвилина
- 1
Натисніть кнопку
Відкриється Telegram зі спільнотою Spaceberry.
- 2
Приєднайтеся
Це безкоштовно: достатньо акаунта в Telegram.
- 3
Представтеся
Напишіть, з чого починаєте, і поставте перше питання.
Часті питання
Не знайшли відповіді? Поставте питання в спільноті — там відповідають.
Як розшифровується CJM?
CJM — це customer journey map, українською зазвичай кажуть «карта шляху клієнта» або «карта шляху користувача». Іноді вживають просто «journey map». Це візуалізація шляху конкретної людини до мети: етапи, дії, думки, емоції та можливості для покращення досвіду, складена на основі досліджень.
Чим CJM відрізняється від user flow?
За NN/g, user journey описує цілісний досвід людини на високому рівні, часто через кілька каналів і в часі, разом із думками й емоціями. User flow описує конкретні кроки й реакції системи для однієї задачі в одному продукті. User flow можна вважати детальним розбором однієї частини шляху.
Чим CJM відрізняється від service blueprint?
CJM показує досвід з погляду людини. Service blueprint, за NN/g, показує, що відбувається «за лаштунками»: які співробітники, процеси й системи забезпечують кожен крок цього досвіду. Blueprint зазвичай роблять, коли треба змінити саму роботу сервісу. Часто їх використовують разом: CJM показує, де людині погано, а blueprint — чому так стається всередині компанії.
У якій програмі робити CJM?
Підійде будь-який інструмент, де зручно робити таблиці й стікери: онлайн-дошка (whiteboard), Figma, навіть таблиця чи папір. Інструмент тут другорядний: важливіше, щоб карта спиралася на дані й закінчувалася можливостями. Для першої вправи найшвидше зробити етапи колонками, а дії, думки й емоції — рядками.
Чи платна спільнота Spaceberry?
Ні, Spaceberry Community безкоштовна. Її підтримує громадська організація Spaceberry Foundation, що працює не для прибутку. Щоб приєднатися, достатньо акаунта в Telegram. У чаті можна поставити питання, показати свою роботу на фідбек і взяти участь у дизайн-іграх: однакове завдання для всіх, дедлайн і голосування спільноти.
Перша карта — на фідбек
Приєднуйтеся до 1504 дизайнерів, які вчаться, діляться роботами й грають у дизайн-ігри. Покажіть свою CJM і дізнайтеся, що можна покращити.
- Безкоштовно
- 1504 учасники
- Вхід за 1 клік
Оновлено · Spaceberry Foundation
Джерела:
- Nielsen Norman Group — Journey Mapping 101
- Nielsen Norman Group — Customer Journey Maps: When and How to Create Them
- Nielsen Norman Group — UX Mapping Methods Compared: A Cheat Sheet
- Nielsen Norman Group — User Journeys vs. User Flows
- Nielsen Norman Group — Service Blueprints: Definition
- Nielsen Norman Group — User Interviews 101