Проведение юзабилити-тестирования прототипов сайта: выявление проблем UX

Прототип согласован, а логика сценария ломается уже на вёрстке — правки дороже и дольше. Мы проводим юзабилити-тестирование прототипов под ключ: собираем сценарии, подбираем респондентов, показываем, где пользователь теряет путь к цели. Отчёт с картой проблем сокращает цикл согласования и число переделок.

Разработка и обслуживание любых видов сайтов:

Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Услуги, которые мы предлагаем
Показано 1 из 1Все 2062 услуг
Проведение юзабилити-тестирования прототипов сайта: выявление проблем UX
Средний
~3-5 дней

Наши компетенции:

Часто задаваемые вопросы

Последние работы

  • Разработка сайта компании B2B ADVANCE
    Разработка сайта компании B2B ADVANCE
    1530
  • Разработка веб-приложения для компании FEEDME
    Разработка веб-приложения для компании FEEDME
    1354
  • Разработка веб-сайта для компании БЕЛФИНГРУПП
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    1070
  • Разработка интернет магазина для компании FURNORO
    Разработка интернет магазина для компании FURNORO
    1328
  • Разработка веб-приложения для компании Enviok
    Разработка веб-приложения для компании Enviok
    1074
  • Разработка веб-сайта для компании ФИКСПЕР
    Разработка веб-сайта для компании ФИКСПЕР
    1044

Юзабилити-тестирование прототипов: где ломается логика сценария

Макет отвечает на вопрос «как это выглядит», но не на вопрос «получится ли этим воспользоваться». Проблемы юзабилити интерфейса почти всегда живут не внутри отдельного экрана, а на стыках: между формой и подтверждением, между выбором опции и переходом дальше, между письмом и возвратом в приложение. Юзабилити-тестирование прототипов как раз про это: даём человеку задачу и смотрим, где он останавливается, куда уходит не туда и на каком шаге бросает путь.

Типичный дефект — тупики в пользовательском сценарии. Кнопка активна, но следующий шаг не предусмотрен; обязательное поле всплывает уже после отправки формы; возврат на шаг назад стирает введённое. На статичном макете этого не видно: экраны нарисованы, а логика переходов ни разу не пройдена целиком. Тест на кликабельном прототипе вскрывает такие разрывы за один проход — до того, как они превратились в код и в поздние правки макета по уже собранному интерфейсу.

Отдельная зона риска — потеря пользователей на этапе регистрации. Здесь сценарий самый длинный, а терпение самое короткое: лишний обязательный вопрос, непонятное требование к паролю, отсутствие подсказки при ошибке — и человек уходит, так и не дойдя до продукта. Мы фиксируем, на каком именно шаге происходит отвал, сколько шагов он успел пройти и что пытался сделать перед уходом.

На выходе вы получаете не общие впечатления, а перечень конкретных мест сценария с приоритетом по влиянию на долю дошедших до целевого действия: что править в прототипе сразу, а что можно отложить. Дальше разбираем, как это устроено в работе.

Эффект ранней проверки: меньше переделок, короче цикл согласования

Проверка на прототипе ловит именно те классы проблем, которые в готовой вёрстке стоят на порядок дороже: навигационные тупики, неоднозначные подписи кнопок, потерянные состояния форм, расхождение ожиданий с реальной логикой шагов. Переставить блок на макете — работа на час. Та же правка после релиза превращается в отдельную задачу с тестами, регрессом и повторным согласованием.

Динамика по итерациям предсказуема. По оценкам Nielsen Norman Group, пять участников выявляют около 85% проблем интерфейса — этого хватает, чтобы второй прогон уже не давал новых классов отказов. Число итераций дизайна сокращается с четырёх-шести до двух-трёх, а цикл согласования макета — с нескольких недель до одного разбора.

Спорные решения снимаются вместе с аргументами из категории «мне кажется». Вместо них — запись сессии: четверо из пяти участников не нашли нужный раздел, трое не заметили переход к следующему шагу, один потерял введённые данные на возврате назад. Такой довод закрывает вопрос один раз и не возвращается на следующем круге обсуждений.

К концу проверки остаётся короткий список того, что действительно нужно менять, и он же становится основой для дизайн-системы проекта. Итерации дизайна перестают ходить по кругу: правка вносится однократно, подтверждается повторным прогоном на двух-трёх участниках и уходит в разработку вместе с описанным сценарием. Меньше переделок на вёрстке, короче цикл согласования, ниже стоимость поздних правок — эффект от ранней проверки держится на всей дальнейшей разработке.

Сравнение форматов: модерация, коридорные пробы, удалённые сессии

Формат проверки выбирают по вопросу, на который нужен ответ. Если важно понять, почему человек не находит кнопку и где ломается логика шага, нужна модерация: ведущий задаёт уточняющие вопросы по ходу сессии и докручивает причину. Если нужна реакция «на холодную» и скорость — коридорные пробы. Когда аудитория разбросана по городам и ролям, выручают удалённые сессии с записью экрана.

Форматы не заменяют, а дополняют друг друга, поэтому в плане исследования обычно два из трёх. Про ограничения выборки: 5–8 человек на сегмент дают класс проблемы и её повторяемость, но не проценты по всей аудитории. В отчёте поэтому пишем «проблему встретили 4 из 6 участников», а не «40% пользователей».

Формат Когда подходит Ограничения
Модерируемое тестирование Первый прототип, спорные сценарии, нужны причины поведения, а не факт 40–60 минут на участника плюс разбор записи, выборка ограничена одним городом
Коридорные пробы Быстрая проверка одной гипотезы: понятен ли экран, читается ли формулировка Только поверхностная реакция, длинный сценарий и глубинные причины не проверить
Удалённые сессии с записью экрана Разбросанная аудитория, узкие сегменты, проверка на своём устройстве Зависит от связи и техники участника, часть невербальных реакций теряется

Итог: начинаем с модерируемого прогона на 5–6 человек, а спорные места добиваем коридорными пробами на большем числе участников.

Этапы работы: схема сценариев, подбор респондентов, отчёт

Пока прототип не прошёл через живых пользователей, оценка сценариев остаётся гипотезой команды. Ниже — порядок, по которому мы ведём юзабилити-исследование прототипа: от проверяемых гипотез до передачи результатов в разработку и дизайн.

  1. Разбор задачи и гипотез. Фиксируем, какие решения прототипа проверяем и что считаем провалом: долю успешных прохождений ключевого пути, число критических ошибок, время до первого целевого действия.
  2. Сценарии тестирования. Каждый сценарий — одна цель пользователя без подсказок в формулировке, с явной точкой входа и критерием остановки сессии.
  3. Гайд интервью. Модераторский сценарий с нейтральными вопросами: участник проговаривает ожидания до клика, мы не подсказываем и не защищаем интерфейс.
  4. Подбор респондентов. Выборка по критериям продукта — роль, опыт, частота задачи. Тех, кто уже видел макеты, отсеиваем: их ответы предсказуемы и искажают картину.
  5. Проведение сессий. Запись экрана и голоса, заметки с отметками времени; отдельный наблюдатель фиксирует, где участник застревает и что делает вместо ожидаемого шага.
  6. Разбор и передача результатов команде. Ошибки раскладываем по критичности — блокирующие путь, замедляющие, косметические, — считаем частоту по участникам и отдаём приоритизированный список правок с фрагментами записей.

Каждый этап заканчивается артефактом: сценарии, гайд и отчёт остаются у команды и служат основой для повторного прогона после правок.

Артефакты на выходе: отчёт, карта проблем, регламент проверок

Тестирование прототипа заканчивается не набором мнений, а комплектом документов, по которым команда заказчика может работать без нас. У каждого артефакта есть свой потребитель: дизайнер берёт из карты проблем точки правок, разработчик — приоритеты, руководитель проекта — динамику по повторным проверкам.

  • Отчёт по юзабилити-тестированию: сценарии, гипотезы, что именно ломалось на каждом шаге и на каком участке участники останавливались.
  • Записи сессий с таймкодами: ссылка на момент, где человек не нашёл кнопку или ушёл в тупик, — можно показать спорную ситуацию без пересказа.
  • Карта проблем интерфейса: экран или блок, класс дефекта (навигация, формулировка, обратная связь), частота повторения у разных участников.
  • Список правок с приоритетами: что ломает основной сценарий и чинится до релиза, что уходит в следующий цикл, что закрываем как спорное.
  • Регламент повторных проверок: какие сценарии перепроверяем после правок, на какой выборке и по каким критериям считаем проблему закрытой.
  • Шаблон протокола проверки: фиксированный формат, чтобы следующая проверка не начиналась с изобретения структуры отчёта.

Артефакты отдаём в рабочих форматах — таблица для карты проблем, текстовый документ для отчёта, ссылки на записи с доступом для команды. После внесения правок обновляем карту: закрытые пункты помечаем, оставшиеся переносим — видно, что именно изменилось между итерациями.

Кейс: как проверка макета сняла спорные решения до вёрстки

Клиент — сервис личного кабинета для корпоративных пользователей: до вёрстки накопилось девять спорных решений по навигации, которые команда обсуждала на макетах без внешних данных. Вместо внутреннего голосования собрали кликабельный прототип в Figma и вывели его на юзабилити-тестирование с восемью участниками — действующими клиентами с разным опытом работы в кабинете.

Что измеряли до правок

Каждый участник проходил пять сценариев: подключение услуги, выгрузка документов, смена тарифа, поиск истории операций и обращение в поддержку. Фиксировали две метрики — успешность прохождения сценария без подсказок и время выполнения задачи. На исходном прототипе сценарий доходил до конца в 42% попыток, среднее решение задачи занимало около трёх минут, а терялись люди в основном на переходах между разделами и не находили точку возврата.

Что подтвердилось, а что опроверглось

Из девяти спорных решений навигации подтвердились пять: дублирующее меню, вложенность третьего уровня и скрытый фильтр в списке операций действительно мешали. Четыре опроверглись — в том числе отказ от боковой панели и перенос настроек в отдельный раздел: участники находили их быстрее, чем предполагала команда.

Что изменилось

После правок описания пунктов меню и структуры разделов успешность прохождения сценария выросла до 79%, а время выполнения задачи сократилось до полутора минут. Правки внесли в макет до вёрстки: объём работ по интерфейсу уменьшился примерно на четверть, потому что два раздела и часть состояний перестали быть нужны. Этот кейс юзабилити-тестирования снял спор ещё до разработки — переделок на готовом продукте не потребовалось.

Что делать, если прототип уже согласован, а правки дороги?

Поздняя проверка интерфейса не отменяет смысла: на согласованном прототипе кода ещё нет, поэтому правка сценария стоит часы работы в макете, а не переделку релиза. Цена ошибки растёт с каждым этапом — то, что сейчас выглядит как спор об одном экране, в готовом продукте превращается в переписанные формы, аналитику и автотесты вокруг них.

На этой стадии мы не гоняем весь продукт, а собираем минимальную выборку — обычно пять человек из целевых сегментов. Как показывает Якоб Нильсен, этого достаточно, чтобы поймать большинство повторяющихся проблем: каждый следующий участник всё реже приносит новые наблюдения. Важнее не объём, а состав — новичок, опытный пользователь, тот, кто заходит с телефона.

Дальше — точечная проверка спорных экранов: берём 3–5 сценариев с самой высокой ценой ошибки (первый заказ, регистрация, ключевая форма) и разбираем их детально. Остальное не трогаем, чтобы не пересобирать согласованную схему из-за косметики.

Правки после согласования делим на три класса. Тексты и порядок блоков вносим сразу: это правка макета, а не логики. Иерархию и состояния форм — тоже макетом. Изменение сценария делаем только там, где проблема блокирует прохождение шага; всё прочее уходит в очередь следующей итерации, не задерживая выпуск.

На выходе заказчик получает список проблем с приоритетом по влиянию на результат, а не «мнение тестировщика»: видно, что обязательно до релиза, что можно после, а что осознанно принимаем как ограничение.

Частые сомнения: выборка, этапы, спорные решения

Споры вокруг тестирования прототипов редко касаются метода — чаще обсуждают границы применимости: не рано ли, хватит ли участников, что делать с уже утверждёнными решениями. Ниже — ответы на технические сомнения, которые возникают почти в каждом проекте.

Тест проверяет не «нравится», а проходимость сценария: где участник останавливается, что ищет дольше ожидаемого, на каком шаге бросает задачу. Это меняет формулировки и структуру до того, как они уйдут в разработку, поэтому правки остаются дешёвыми.

Можно ли тестировать кликабельный макет без визуального дизайна?

Да. На схемах экранов уже видно, понимает ли человек структуру: находит ли нужный раздел, догадывается ли о назначении блока, возвращается ли назад после ошибки. Не проверяются только вопросы доверия и читаемость — их закрывают на следующей итерации, когда появляется оформление.

Сколько участников нужно, чтобы выводы были валидными?

Для одного типа задач достаточно 5–8 человек: к пятому участнику новые причины сбоев почти не появляются, повторяются те же два-три барьера. Если аудитория делится на явные группы — например, новые и постоянные пользователи, — размер выборки в исследовании умножается на число групп.

Сколько времени занимают сессии и что нужно с нашей стороны?

Одна сессия — 30–45 минут, серии идут два-три дня подряд. Полный цикл: подготовка сценария и макета, проведение, разбор записей и отчёт с приоритетами. От вас нужны доступ к участникам из целевой аудитории и человек, который подтвердит сценарии.

Решение уже утверждено — тестирование что-то изменит?

Тест не пересматривает решение, а показывает цену его доработки. Единичный барьер снимается текстом или порядком блоков; если сценарий разваливается целиком — это аргумент вернуться к структуре сейчас, а не после релиза, когда переделка затрагивает вёрстку и логику.

Выводы оформляем как список правок с приоритетами и передаём до начала программирования — поэтому влияние на разработку ограничивается уточнением структуры, а не переписыванием готовых экранов.

Обсудим вашу задачу: что нужно для старта проверки

Чтобы обсудить задачу предметно и вернуться с оценкой сроков, а не с общими формулировками, нам нужен от вас короткий набор вводных. Прототип на этом этапе может быть и кликабельным макетом, и черновой сборкой — важно, чтобы по нему проходили основные пользовательские пути, а не отдельные экраны.

  • Ссылка на прототип и краткое описание продукта: что за сервис, кто пользователь, какую задачу он решает.
  • Список сценариев или гипотез для проверки: находит ли пользователь нужный раздел, доходит ли до оформления, понятны ли тексты ошибок и подсказки.
  • Портрет целевой аудитории для набора участников: роль, опыт работы с похожими продуктами, язык интерфейса.
  • Данные о текущем поведении, если они есть: воронка, карта кликов, обращения в поддержку — по ним видно, какие места проверять в первую очередь.
  • Ограничения: сроки, готовность вашей стороны присутствовать на сессиях наблюдателем, требования к записи и хранению материалов.
  • Ответственный с вашей стороны, который принимает решения по спорным находкам и согласует итоговый отчёт.

Из этого собирается план работ по проверке: сколько сессий нужно на каждый сценарий, как фиксируем наблюдения и где проходит граница между проблемой интерфейса и вопросом к логике продукта. Состав команды подбираем под объём — модератор сессий, аналитик, который разбирает записи и сводит находки в отчёт с приоритетами по влиянию на ключевые действия.

Опишите задачу в двух-трёх абзацах или пришлите ссылку на прототип — вернёмся с оценкой сроков, планом работ и составом команды под ваш объём.