Безкоштовно · українською · 7 хв читання

Що таке CJM і як її скласти: карта шляху користувача

CJM (customer journey map) — карта шляху користувача. Пояснюємо, з чого вона складається, як зібрати дані й скласти першу карту як навчальну вправу.

  • Що таке CJM і з яких частин вона складається
  • Де взяти дані, щоб карта не була вигаданою
  • Як знайти на карті можливості для дизайну
Показати CJM на фідбек
  • Безкоштовно
  • 1504 учасники
  • Вхід за 1 клік

П'ять кроків до першої CJM

  1. 1

    Крок 1

    Оберіть актора і сценарій

  2. 2

    Крок 2

    Зберіть дані про реальний досвід

  3. 3

    Крок 3

    Розбийте шлях на етапи

  4. 4

    Крок 4

    Заповніть дії, думки й емоції

  5. 5

    Крок 5

    Знайдіть можливості й покажіть карту

1504
учасники спільноти
8915
повідомлень із запитаннями з липня 2024
9
дизайн-ігор з вересня 2024
759
людей писали в чат

Цей гайд для вас, якщо ви

  • Вперше чуєте «CJM»

    Абревіатура трапляється у вакансіях і кейсах, і хочеться нарешті зрозуміти, що за нею стоїть.

  • Робите навчальний кейс

    Треба показати, що ви бачите весь досвід людини, а не лише окремі екрани.

  • Маєте карту «для краси»

    Карта є в кейсі, але з неї не випливає жодне рішення. Хочеться, щоб вона працювала.

Коротко

  • CJM, або customer journey map, — це візуалізація того, як конкретна людина проходить шлях до своєї мети.
  • За Nielsen Norman Group, у карті є актор, сценарій з очікуваннями, етапи, дії, думки й емоції та можливості.
  • Карта має спиратися на дослідження: інтерв'ю, спостереження, відгуки. Інакше це лише ваші припущення.
  • CJM описує ширший досвід, часто через кілька каналів; детальні кроки в одному продукті — це user flow.
  • Результат карти — можливості для покращення, а не красивий плакат.

П'ять кроків до першої CJM

  1. 1

    Крок 1

    Оберіть актора і сценарій

    CJM — це карта, що етап за етапом показує шлях людини до її мети: що вона робить, думає й відчуває і де їй найважче. Складання починається з двох елементів, які Nielsen Norman Group ставить першими: актор і сценарій з очікуваннями. Актор — це той, чий досвід ви описуєте: конкретний тип користувача або персона. Сценарій — ситуація з метою, яку людина хоче досягти, і її очікування. Для навчальної вправи візьміть звичну послугу, з якою стикаються ваші знайомі: запис до лікаря, переїзд в іншу квартиру, купівлю першого ноутбука.

    • одна карта — один актор і один сценарій: «студентка вперше шукає квартиру для оренди в новому місті»;
    • запишіть очікування актора: що людина вважає «нормальним» результатом і за який час;
    • вирішіть, яку карту робите: поточного досвіду (як є зараз) чи бажаного майбутнього. Для першої вправи краще поточну.

    💡 Якщо сценарій займає хвилини і весь відбувається в одному застосунку, вам, найімовірніше, потрібна не CJM, а user flow.

  2. 2

    Крок 2

    Зберіть дані про реальний досвід

    NN/g наголошує, що дії актора на карті мають ґрунтуватися на даних. Найпростіше джерело для навчального проєкту — кілька інтерв'ю з людьми, які нещодавно пройшли цей шлях. Попросіть розповісти, як усе відбувалося від першої думки до результату, і уточнюйте, що людина робила, думала й відчувала на кожному етапі.

    • питайте про конкретний випадок: «Розкажіть, як ви востаннє записувалися до лікаря»;
    • записуйте дослівні цитати: на карті вони звучать переконливіше за ваш переказ;
    • фіксуйте канали: сайт, дзвінок, месенджер, особистий візит, порада знайомих;
    • додайте вторинні джерела, якщо вони є: відгуки, звернення в підтримку, пости в соцмережах.

    💡 Якщо даних немає, а карту скласти треба, чесно назвіть її гіпотезою і позначте, що саме ще треба перевірити в розмовах з людьми.

    Покажіть свою першу CJM

    Свіжий погляд швидко помітить етап, який ви пропустили, або емоцію, яку додумали. У спільноті діляться роботами й отримують фідбек. Заходьте, це безкоштовно.

    Показати CJM на фідбек

    Безкоштовно. 1504 дизайнери вже в спільноті.

  3. 3

    Крок 3

    Розбийте шлях на етапи

    Етапи (journey phases) — це великі частини шляху, які йдуть по горизонталі карти. Їхня кількість і назви залежать від сценарію. Наприклад, для оренди житла це може бути: зрозуміти, що потрібна квартира, — шукати варіанти — дивитися квартири — домовлятися й підписувати договір — заселятися. Назви етапи з погляду людини, а не компанії.

    • погано: «лідогенерація», «конверсія» — це мова бізнесу, а не досвід людини;
    • краще: «шукаю варіанти», «їду дивитися», «підписую договір»;
    • якщо етапів забагато і карта не вміщається в один погляд, частину варто об'єднати.
  4. 4

    Крок 4

    Заповніть дії, думки й емоції

    Під кожним етапом заповніть три рядки, які NN/g описує як дії, думки (mindsets) й емоції. Дії — що людина робить. Думки — її питання, мотиви й потреби в інформації; найкраще, якщо це дослівні цитати з досліджень. Емоції часто малюють однією лінією, що піднімається й опускається між етапами: так одразу видно, де досвід найгірший.

    • дії: «гортає оголошення на трьох сайтах», «пише власнику в месенджер»;
    • думки: «Чи це фото справжні?», «Скільки ще доведеться заплатити зверху?»;
    • емоції: від надії на старті до тривоги перед підписанням договору;
    • додайте точки контакту: де саме людина взаємодіє з послугою на кожному етапі.

    💡 Карту зручно робити на стіні зі стікерами або на онлайн-дошці (whiteboard): етапи — колонки, дії, думки й емоції — рядки.

    Карта вийшла, а що з нею робити — незрозуміло? Спитайте в спільноті →
  5. 5

    Крок 5

    Знайдіть можливості й покажіть карту

    Останній елемент карти, за NN/g, — можливості: висновки про те, як покращити досвід. Подивіться, де лінія емоцій падає найнижче, де людина повторює дії або перемикається між каналами, де у неї найбільше питань. Для кожного такого місця сформулюйте можливість і ідею, як її використати. Саме можливості перетворюють карту з ілюстрації на інструмент.

    • формулюйте можливість через проблему: «Люди не знають реальної суми до перегляду квартири»;
    • оберіть 1–2 можливості й перейдіть до дизайну: екран, сервіс, повідомлення;
    • для кейсу покажіть шлях: дослідження → карта → можливість → рішення;
    • позначте, яка частина карти підкріплена даними, а яка поки припущення.

    💡 Покажіть карту в спільноті й спитайте, чи зрозуміло з неї, де найбільша проблема. Якщо людям потрібні ваші пояснення, карту варто спростити.

Ви не самі з цими питаннями

Ми порахували, про що найчастіше питають у нашій спільноті. UX-дослідження теж серед тем, з якими приходять учасники, а карти досвіду — частина цієї теми.

Ви не самі з цими питаннями
Навчання й курси938
Портфоліо та кейси705
Figma647
AI-інструменти380
Робота й вакансії314
UX-дослідження131

Повідомлення за темами в Spaceberry Community, липень 2024 — листопад 2026. Пошук за ключовими словами.

Практика з дедлайном і живим фідбеком

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

  • Дизайн-гра · січень 2026

    Редизайн сайту НАОМА

    Головна сторінка академії очима абітурієнта, студента й викладача. Три роботи у фіналі, переможця обрала спільнота.

  • AI-челендж · травень 2025

    Лендинг, створений AI

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

  • Воркшоп · квітень 2026

    Figmosha: AI у Figma

    Автор інструмента показав, як генерувати інтерфейси у Figma й аналізувати дизайн-систему.

Показати CJM на фідбек

Безкоштовно. 1504 дизайнери вже в спільноті.

Як приєднатися — 1 хвилина

  1. 1

    Натисніть кнопку

    Відкриється Telegram зі спільнотою Spaceberry.

  2. 2

    Приєднайтеся

    Це безкоштовно: достатньо акаунта в Telegram.

  3. 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. У чаті можна поставити питання, показати свою роботу на фідбек і взяти участь у дизайн-іграх: однакове завдання для всіх, дедлайн і голосування спільноти.