Проведення юзабілі-тестування прототипів вебсайту
Юзабілі-тестування прототипів виявляє проблеми UX до того, як написана хоч одна строка коду. Вартість правок на етапі прототипу — копійки у порівнянні з переробкою готового фронтенду. Завдання тестування — не підтвердити, що дизайн хороший, а знайти конкретні бар'єри, які заважають користувачу виконати цільову дію.
Типи прототипів та методи тестування
| Тип прототипу | Інструмент | Метод |
|---|---|---|
| Низькодеталізований (wireframes) | Figma, Balsamiq | Модерований тест |
| Високодеталізований (hi-fi) | Figma Interactive, Adobe XD | Модерований + немодерований |
| Кликабельний HTML | Storybook, CodeSandbox | Немодерований, A/B |
| Staging-версія | Реальний сайт | Повний цикл |
Підготовка тестових сценаріїв
Сценарій (task) має описувати мету, а не шлях. Погано: «Натисніть на кнопку "Додати в кошик"». Добре: «Ви хочете купити сині кросівки 42-го розміру. Знайдіть їх та оформіть замовлення».
Для інтернет-магазину типовий набір завдань:
- Знайти конкретний товар через пошук
- Застосувати фільтр за ціною та розміром
- Додати товар у кошик та перейти до оплати
- Знайти розділ з умовами повернення
Кожне завдання фіксує: час виконання, кількість помилок, точку відмови (де користувач скасував), суб'єктивну оцінку складності за шкалою SEQ (Single Ease Question, 1–7).
Інструменти запису та аналізу
Hotjar — запис сесій із тепловими картами кліків. Для прототипів у Figma не підходить, потрібна staging-версія. Тарифний план Business дозволяє збирати до 500 сесій на день.
Maze — інтегрується напрямку з Figma-прототипом. Користувач отримує посилання, проходить завдання, система автоматично будує funnel, рахує misclicks та час до першого кліку. Підходить для немодерованого тестування на 30–100 учасників.
Lookback.io / UserTesting — для модерованих сесій з відеозаписом та спостереженням в реальному часі.
UserBrain — більш дешева альтернатива, панель тестувальників з різних країн.
Рекрутинг учасників
Для B2C-сайту достатньо 5–8 представників цільової аудиторії — за правилом Нільсена, вони виявляють ~85% проблем. Для B2B з вузькою аудиторією (наприклад, бухгалтери або логісти) рекрутинг складніший та займає більше часу.
Джерела: існуючі клієнти (через CRM або email-розсилку), професійні панелі (Toloka, Yandex.Vzglyad), соціальні мережі з targeting за професією.
Аналіз результатів та пріоритизація
Після тестування кожна проблема отримує severity за шкалою:
- Critical — користувач не зміг виконати завдання
- Major — виконав з великою трудністю або неправильно
- Minor — дратування, але завдання виконане
- Cosmetic — незначне зауваження
Результати оформлюються в affinity diagram: стікери з проблемами групуються за зонами інтерфейсу. З цього будується пріоритизований беклог правок з оцінкою effort/impact.
Що тестувати в першу чергу
На прототипах сайтів найчастіше виявляють:
- Нерозумну навігацію та інформаційну архітектуру
- Перегружені форми (занадто багато обов'язкових полів)
- Невиразні CTA (кнопки не виглядають як кнопки)
- Відсутність зворотного зв'язку після дії (нема confirmation)
- Проблеми з пошуком — нульові результати, нерелевантні підказки
Терміни
Підготовка сценаріїв та рекрутинг учасників — 3–5 днів. Проведення 5–8 модерованих сесій — 1–2 дня. Аналіз та складання звіту з пріоритизованим бекlogом — 2–3 дня. Разом: повний цикл займає 1,5–2 тижні.