Проведение юзабилити-тестирования прототипов сайта
Юзабилити-тестирование прототипов выявляет проблемы 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, Яндекс.Взгляд), социальные сети с targeting по профессии.
Анализ результатов и приоритизация
После тестирования каждая проблема получает severity по шкале:
- Critical — пользователь не смог выполнить задачу
- Major — выполнил с большим трудом или неправильно
- Minor — раздражение, но задача выполнена
- Cosmetic — незначительное замечание
Результаты оформляются в affinity diagram: стикеры с проблемами группируются по зонам интерфейса. Из этого строится приоритизированный беклог правок с оценкой effort/impact.
Что тестировать в первую очередь
На прототипах сайтов чаще всего выявляют:
- Непонятную навигацию и информационную архитектуру
- Перегруженные формы (слишком много обязательных полей)
- Неочевидные CTA (кнопки не выглядят как кнопки)
- Отсутствие обратной связи после действия (нет confirmation)
- Проблемы с поиском — нулевые результаты, нерелевантные подсказки
Сроки
Подготовка сценариев и рекрутинг участников — 3–5 дней. Проведение 5–8 модерируемых сессий — 1–2 дня. Анализ и составление отчёта с приоритизированным беклогом — 2–3 дня. Итого: полный цикл занимает 1,5–2 недели.