User journey на сайті: як люди приймають рішення і де ви їх втрачаєте
Коротко
- → User journey — це шлях від першого контакту з сайтом до заявки (або до закриття вкладки). Знати його — означає знати, де ви втрачаєте клієнтів
- → Типовий шлях: реклама/пошук → перший екран → скрол → CTA → форма → відправка. На кожному етапі відвалюється 30-70% людей
- → GA4 показує що відбувається (цифри), теплові карти — чому (поведінка). Разом вони дають повну картину
- → Найчастіші точки втрати: перший екран (незрозуміла пропозиція), середина сторінки (нудно або немає CTA) і форма (занадто складна)
Уявіть: ви заходите в магазин одягу. На вході — ніяких вивісок, незрозуміло де чоловічий відділ, де жіночий. Ви блукаєте, не знаходите свій розмір, продавець зайнятий телефоном. Через три хвилини ви виходите і йдете в сусідній магазин, де одразу зрозуміло — що де, скільки коштує і де примірочна.
Ваш сайт — це той самий магазин. Люди заходять, дивляться, вирішують — залишитися чи піти. І більшість іде. Не тому що їм не потрібна ваша послуга — а тому що сайт не провів їх зручним шляхом від «мені цікаво» до «я хочу замовити».
Цей шлях називається user journey — і розуміння його змінює все.
Що таке user journey
User journey (шлях користувача) — це послідовність кроків, які людина проходить від першого контакту з вашим сайтом до цільової дії: заявки, дзвінка, покупки. Або — до закриття вкладки. Другий варіант трапляється значно частіше.
Це не абстрактна маркетингова концепція. Це конкретний ланцюжок дій: побачив рекламу → клікнув → потрапив на сторінку → прочитав заголовок → проскролив до портфоліо → подивився ціни → натиснув «Замовити» → заповнив форму → відправив. Або: побачив рекламу → клікнув → побачив стіну тексту → закрив вкладку. Обидва — це user journey, просто з різним фіналом.
Різниця між конверсією 1% і 5% — це не якість трафіку і не бюджет на рекламу. Це якість шляху, який ви побудували для відвідувача. Чим менше тертя на кожному кроці — тим більше людей доходить до фіналу.
Типовий шлях клієнта на бізнес-сайті
Для сервісного бізнесу (послуги, а не товари) шлях виглядає приблизно так. На кожному етапі — відсів.
Етап 1: вхід на сайт
Людина клікнула рекламу або знайшла вас у пошуку. Вона ще нічого про вас не знає. Перше враження формується за 2-3 секунди — і це не про дизайн, а про зрозумілість. Якщо за ці секунди вона не зрозуміла, що ви робите і чи це те, що вона шукає — вона йде. Bounce rate 50-70% для реклами — це норма, але це означає, що половина оплачених кліків витрачено даремно.
Етап 2: знайомство і оцінка
Ті, хто залишились, починають скролити. Вони шукають підтвердження: чи можна вам довіряти? Є приклади робіт? Відгуки? Ціни? Цей етап — найдовший. Людина порівнює вас з конкурентами (зазвичай у неї відкрито 3-5 вкладок одночасно). Якщо ваша сторінка нудніша або менш переконлива — вона переключиться на сусідню вкладку і більше не повернеться.
Етап 3: намір діяти
Людина вирішила: «ок, ці виглядають нормально, хочу дізнатися більше». Вона шукає CTA-кнопку, форму, телефон або месенджер. Якщо CTA немає поруч — момент втрачено. Якщо CTA є, але текст на кнопці каже «Відправити» — це не мотивує. Якщо форма має 8 полів — людина закриває її і йде.
Етап 4: дія
Заповнення форми, дзвінок, повідомлення в месенджер. І навіть тут є тертя: «А що буде після відправки? Мені подзвонять? Коли? А якщо будуть нав'язувати?». Чітке повідомлення після відправки — «Зателефоную протягом 2 годин» — знімає тривогу. Відсутність зворотного зв'язку — створює її.
| Етап journey | Типовий відсів | Що вимірювати | Інструмент |
|---|---|---|---|
| Вхід на сайт | 50-70% (bounce) | Bounce rate, час на сторінці | GA4 |
| Скрол і оцінка | 30-50% | Scroll depth, теплова карта | Clarity, Hotjar |
| Клік на CTA | 60-80% | CTA click rate | GA4 events |
| Заповнення форми | 40-60% | Form start → submit | GA4, записи сесій |
| Конверсія | Фінал: 1-5% | Conversion rate | GA4 key events |
Де ви втрачаєте людей: 5 типових точок
Перший екран без чіткої пропозиції
Слайдер з трьома абстрактними слайдами, заголовок «Ласкаво просимо на наш сайт» або «Ми — команда професіоналів». Людина не розуміє, що ви пропонуєте конкретно, і йде. Це найбільша точка втрати — до 70% відвідувачів.
Мертва зона в середині сторінки
Людина проскролила hero-блок, побачила довгий текст про компанію, ще один довгий текст про технології, ще один — про підхід. Ніякого CTA, ніяких візуальних якорів. Увага згасає, людина закриває вкладку. Теплові карти часто показують: скрол обривається саме тут — на 40-60% висоти сторінки.
Відсутність ціни
Людина зацікавлена, шукає ціну, не знаходить. «Ціна за запитом» — це бар'єр. Щоб дізнатися ціну, треба залишити контакт, а щоб залишити контакт, треба знати, чи по кишені. Замкнене коло. Хоча б діапазон «від ... до ...» або калькулятор — і бар'єр зникає.
Складна або незручна форма
Людина натиснула CTA, відкрилася форма з полями: ім'я, прізвище, email, телефон, компанія, посада, бюджет, детальний опис проєкту. Вона закрила форму. Кожне зайве поле — мінус 4-8% конверсії. Три поля — максимум для першого контакту.
Повільне завантаження
Це не частина user journey — це те, що його вбиває до початку. Сайт вантажиться 5+ секунд → людина не дочекується → закриває → клікає наступний результат у пошуку. Ви навіть не потрапили в її journey — вона вас не побачила. Про вплив швидкості на все — окрема стаття.
Хочете знати що гальмує ваш сайт?
SEO-аудит — знайду технічні проблеми і дам план виправлень
Як побудувати карту user journey
Карта journey — це не красива діаграма для презентації. Це робочий інструмент, який показує, де люди відвалюються і чому. Побудувати її можна за годину, якщо є аналітика.
Крок 1: визначте етапи
Для бізнес-сайту типові етапи: вхід на сайт → перший екран → скрол → CTA-клік → форма → відправка. Для інтернет-магазину: каталог → картка товару → кошик → оформлення → оплата. Запишіть ваші етапи — зазвичай їх 4-6.
Крок 2: зберіть цифри
GA4 дає основу: sessions, scroll depth, CTA clicks (cta_click), form starts (form_start), form submits (form_submit). З цих даних видно воронку: 1 000 сеансів → 600 скролять далі першого екрану → 80 клікають CTA → 40 починають форму → 15 відправляють. Кожен перехід — конверсія між етапами.
Якщо аналітика не налаштована — це перше, що потрібно зробити. Без цифр user journey — це здогадки. Як налаштувати трекінг подій — ми описали в CRO-чеклисті.
Крок 3: знайдіть найбільший провал
Подивіться на воронку і знайдіть етап з найбільшим відсівом. Якщо 70% людей не скролять далі першого екрану — проблема в hero-блоці. Якщо скролять, але ніхто не клікає CTA — проблема в пропозиції або розташуванні кнопки. Якщо клікають, але не відправляють форму — проблема у формі.
Один найбільший провал — це те, над чим працювати першим. Не намагайтесь фіксити все одразу — фікс одного провалу дає найбільший ефект при найменших зусиллях.
Крок 4: додайте якісні дані
Цифри показують де проблема, але не чому. Для «чому» потрібні теплові карти (Hotjar, Microsoft Clarity) — вони показують, куди клікають, як скролять, на чому зупиняються. Записи сесій — ще краще: ви буквально бачите, як людина взаємодіє з сайтом і де вона «зависає» або плутається.
Безкоштовний варіант — Microsoft Clarity. Дає теплові карти, записи сесій і базову аналітику без обмежень по трафіку. Підключення — 10 хвилин, один скрипт у head.
Що з цим робити: фікси для кожної точки втрати
Знайшли провал — тепер його закрити. Ось конкретні дії для кожної типової точки.
Високий bounce на першому екрані: переписати заголовок з конкретною вигодою, прибрати слайдер, додати CTA-кнопку з чіткою дією. Тестувати 2-3 варіанти заголовків по 2 тижні кожен і порівняти bounce rate. Це A/B тестування в мінімальній формі.
Скрол обривається посередині: додати візуальний якір — портфоліо, відгуки, ціни. Щось, що утримує увагу. Прибрати стіну тексту. Додати CTA після кожного переконливого блоку — не чекати, поки людина доскролить до кінця.
Клікають CTA, але не відправляють форму: скоротити форму до 3 полів, змінити текст кнопки з «Відправити» на «Отримати розрахунок» або «Замовити дзвінок», додати текст «Відповім протягом 2 годин» біля форми.
Не знаходять CTA: зробити кнопку контрастною, додати sticky CTA на мобільному, розмістити форму або кнопку після кожного ключового блоку (портфоліо, ціни, відгуки).
Після кожної зміни — 2 тижні збору даних і перевірка. Якщо конверсія зросла — зафіксувати. Якщо ні — спробувати інший варіант. Це циклічний процес, і він працює для будь-якого бізнесу — від стоматології до IT-компанії.
Часті запитання
Воронка — це модель: скільки людей на кожному етапі. User journey — це деталізація: що саме людина бачить, відчуває і робить на кожному кроці. Воронка показує «де провал», journey — «чому провал». Вони доповнюють одне одного: воронка для аналітики, journey — для дизайну рішень.
Так, навіть більше ніж для багатосторінкового. На лендінгу весь шлях — один скрол. Але цей скрол має свої етапи: hero → проблема → рішення → доказ → ціна → CTA. Якщо один етап слабкий — вся конверсія падає. Карта journey допомагає знайти саме цей етап.
Мінімум: GA4 (безкоштовний) для кількісних даних — скільки людей на кожному етапі. Microsoft Clarity (безкоштовний) для якісних — теплові карти, записи сесій. Для глибшого аналізу: Hotjar (від $0 до $80/міс), Mixpanel або Amplitude для event-based аналітики. Починайте з безкоштовних — їх достатньо для 90% задач.
Якщо аналітика вже налаштована — 1-2 години. Визначити етапи (15 хв), зібрати цифри з GA4 (30 хв), знайти провали (15 хв), подивитися записи сесій для розуміння «чому» (30-60 хв). Якщо аналітики немає — додайте 2-3 години на налаштування GA4 і ще 2 тижні на збір даних перед аналізом.
Після кожної суттєвої зміни на сайті (новий hero-блок, переробка форми, додавання сторінки) — через 2-3 тижні перевірте, як змінилися цифри. Планово — раз на квартал. Сезонність, зміна джерел трафіку, нові конкуренти — все це змінює поведінку відвідувачів, і карта має відображати реальність, а не минулорічні дані.
Не зовсім. UX (user experience) — це загальний досвід взаємодії з продуктом: зручність, естетика, емоції. User journey — конкретний інструмент в рамках UX, який описує шлях від входу до конверсії. Journey — це «маршрут», UX — це «наскільки приємно було їхати». Хороший UX робить journey коротшим і приємнішим.
Так, і це зазвичай перший крок. Переписати заголовок hero-блоку, скоротити форму, додати CTA після блоку з відгуками, змінити текст кнопки — це зміни без редизайну, які дають 20-50% приросту конверсії. Редизайн потрібен, коли фундаментальні проблеми: застаріла верстка, немає мобільної версії, хаотична структура. Щоб зрозуміти, що саме треба — замовте аудит сайту.
Не знайшли відповідь?
Висновок
User journey — це не теоретичний фреймворк для презентацій. Це практичний інструмент: побудувати воронку, знайти найбільший провал, закрити його, виміряти результат. Потім — наступний провал. Кожна ітерація додає конверсію, і ефект накопичується.
Почніть з простого: відкрийте GA4, подивіться на bounce rate і scroll depth. Це вже скаже, де проблема — на вході чи далі. Потім підключіть Clarity і подивіться записи 10-15 сесій. Ви побачите речі, яких ніколи не помічали, дивлячись на власний сайт.
Якщо хочете розібратися, де саме ваш сайт втрачає клієнтів — подивіться чому сайт не приносить клієнтів або напишіть мені. Подивлюсь на конкретні цифри і покажу, що виправити першим.
