UX – шлях користувача через продукт та взаємодія продакт-менеджера з UI/UX-дизайнерами

Блок 1: UX – шлях користувача через продукт

Уявіть собі, що вебсайт або додаток — це будинок. Коли ви запрошуєте гостей, ви хочете, щоб вони легко знайшли все, що їм потрібно, і щоб їм було комфортно перебувати у вашому домі. Так само і з цифровим продуктом — ми хочемо, щоб користувачам було зручно в ньому “жити”.

Як користувачі потрапляють у ваш продукт або “оселю”.

Подібно до того, як до реального будинку можна потрапити різними шляхами, користувачі знаходять дорогу до вашого цифрового продукту через різноманітні канали цифрового маркетингу. Деякі помічають яскраву рекламу в соціальних мережах і переходять напряму через посилання, ніби побачивши привабливий банер перед будинком; інші потрапляють через email-розсилки, що нагадує персональне запрошення на поштову скриньку; частина користувачів приходить за рекомендаціями інфлюенсерів, які виступають своєрідними “довіреними провідниками”; контент-маркетинг приваблює людей корисними статтями та відео, що схоже на безкоштовні майстер-класи біля входу; платна реклама в пошукових системах (PPC) розміщує ваш “будинок” на головних дорогах інтернету, де його неможливо не помітити; а SEO-оптимізація встановлює чіткі вказівники, щоб ті, хто самостійно шукає подібні “будинки”, легко знаходили шлях до вашого продукту через органічну видачу пошукових систем.

Вхідні двері та перше враження

Коли людина заходить до вашого дому, перше, що вона бачить — це вхідні двері та передпокій. Це створює перше враження про весь дім. У цифровому світі “вхідними дверима” є домашня сторінка вашого сайту або екран завантаження додатка.

Як господар дому, ви б не поставили шафу перед вхідними дверима, правда? Так само, ми не розміщуємо складні форми або вікна, що спливають одразу при вході на сайт. Перше враження має бути привітним і зрозумілим і тому дизайн як фасад вашого будинку має бути чітким та вивіреним, а також читабельним та приємним. У великих будинках може бути декілька входів і виходів: парадний, технічний, боковий та вихід на задній двір. Але все ж завжди є основний парадний вхід, який є головною сторінкою, тому важливо, щоб відправна сторінка була максимально лаконічною, зрозумілою, та мала в собі посилання або навіть можливість одразу використати основні цінності продукту.

Коридори та навігація

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

• Зрозумілими (чіткі назви розділів)
• Логічно побудованими (споріднені розділи розташовані поруч)
• Доступними з будь-якої “кімнати” (сторінки)

Якщо відвідувач заблукав у вашому домі, це створює дискомфорт. Так само користувач, який не може знайти потрібну інформацію на сайті, швидше за все залишить його і більше не повернеться.

Кімнати та їх функціональність

Кожна кімната у домі має своє призначення: кухня для приготування їжі, спальня для відпочинку, вітальня для зустрічей з друзями й розваг, та особистий кабінет, де ви виконуєте важливі справи. На сайті кожна сторінка також має свою функцію:

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

Важливо, щоб кожна “кімната” вашого цифрового дому була належно обладнана для виконання своєї функції. Уявіть, якби ви прийшли на кухню, а там не було б плити чи раковини? Так само сторінка лістингу без можливості пошуку чи фільтрації не повною мірою виконує своє призначення.

Комфорт перебування

У затишному домі все продумано для комфорту: зручні меблі, приємне освітлення, хороша вентиляція. В інтерфейсі користувача комфорт забезпечується:

• Читабельними шрифтами
• Контрастними кольорами
• Достатнім простором між елементами
• Швидким завантаженням сторінок
• Плавними анімаціями переходів

Якщо людині некомфортно у вашому домі (занадто жарко, незручні стільці), вона не захоче затримуватися. Так само і користувачі швидко покидають сайти, де важко читати текст або довго завантажуються сторінки, або ж ви почали рух коридором у бік кімнати для відпочинку, а потрапили на кухню. Тому так важливо мати не тільки гарно обладнані та зрозумілі кімнати, але і приємний “безшовний” спосіб переходів між ними. В сталих і розвинутих продуктах особливу увагу приділяють зручності руху користувача продуктом, тому що користувачі знаходяться в постійному русі і від цього залежить їх досвід, як і в будинку, де ми живемо і знаходимось щодня одна незручна сходинка на сходах може стати причиною неврозів.

Шлях користувача як історія

Уявіть, що ви проводите екскурсію своїм домом. Ви продумуєте маршрут, щоб показати найцікавіші місця у логічному порядку. Так і шлях користувача повинен розповідати історію, проводячи його від знайомства з продуктом до здійснення цільової дії (реєстрації, коментаря чи ревʼю та переходів на сайти партнерів).

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

Блок 2: Як продакт-менеджер взаємодіє з UI/UX-дизайнерами

Продакт-менеджер як архітектор будинку

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

Визначення потреб “мешканців”

Продакт-менеджер починає з розуміння, хто буде “жити” в цифровому продукті. Він досліджує:

• Хто наші користувачі?
• Які проблеми вони намагаються вирішити?
• Як вони зазвичай користуються подібними продуктами?

Це схоже на те, як архітектор розпитує майбутніх мешканців про їхні вподобання: скільки спалень їм потрібно, чи займаються вони готуванням, чи приймають часто гостей.

Створення “плану поверхів”

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

Після цього продакт-менеджер передає цей план UI/UX-дизайнерам, які починають “оформлювати кімнати”.

Співпраця над маршрутами

Продакт-менеджер і UI/UX-дизайнери разом продумують основні маршрути користувачів через продукт:

• Як нові користувачі знайомляться з продуктом?
• Як швидко досвідчені користувачі досягають своїх цілей?
• Які альтернативні шляхи можуть обрати різні типи користувачів?

Це схоже на планування руху через будинок: як пройти з кухні до вітальні, не проходячи через спальню? Чи зручно дістатися до ванної з будь-якої кімнати?

Тестування “прототипу будинку”

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

Під час тестування продакт-менеджер і дизайнери спостерігають:

• Чи знаходять користувачі потрібні “кімнати”?
• Чи зручно їм “пересуватися” між ними?
• Чи зрозуміле призначення кожного елементу інтерфейсу?

Постійне вдосконалення

Навіть після “будівництва” продукту робота продовжується. Продакт-менеджер аналізує, як користувачі взаємодіють з продуктом:

• Які шляхи вони обирають найчастіше?
• Де вони “зупиняються” або залишають продукт?
• Які функції використовуються рідко або зовсім не використовуються?

На основі цих даних продакт-менеджер разом з UI/UX-дизайнерами “перебудовує” окремі частини “будинку”: розширює популярні “коридори”, змінює розташування “меблів” або навіть повністю оновлює “кімнати”, які не користуються популярністю.

Спільна мова

Найважливіше у взаємодії продакт-менеджера з UI/UX-дизайнерами — це спільна мова. Продакт-менеджер має чітко комунікувати бізнес-цілі “забудовника” та потреби користувачів, а дизайнери — пояснювати, як їхні рішення відповідають цим потребам.

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

У підсумку, розуміння шляху користувача через продукт — це ключовий елемент створення успішних цифрових продуктів. А гармонійна співпраця продакт-менеджера з UI/UX-дизайнерами забезпечує баланс між бізнес-цілями компанії та потребами користувачів, створюючи продукти, які не лише красиві, але й по-справжньому корисні та зручні у використанні.