Шаблон теста первого клика

Шаблон для UXТест первого клика

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

3 вопросаоколо 2 минутзадание на скриншотетепловая карта в отчёте

Шаблон скопируется в ваш аккаунт. Загрузите свой экран, задайте целевую область и сформулируйте задание.

Живой пример опросаОткрыть в новой вкладке

Так опрос увидят респонденты — его можно пройти прямо здесь.

Что такое тест первого клика и зачем он нужен

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

Тест можно проводить на скриншоте, макете или живом сайте: достаточно изображения экрана и задания. Подробнее о методе — в статье «Тест первого клика в опросах».

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

Проверка до разработки

Достаточно скриншота или макета из Figma.

Наглядная тепловая карта

Сразу видно, где ищут нужную функцию.

Точные метрики

Доля попаданий и время до клика для каждой области.

Как устроен шаблон теста первого клика

В шаблоне задание на скриншоте и два уточняющих вопроса. Целевая область — ссылка «Покупателям» в верхнем меню.

Тест первого клика

  1. Куда вы нажмёте, чтобы узнать условия доставки? — скриншот главной страницы вымышленного магазина «Уютный дом», целевая область «Покупателям»

Уточнения

  1. Насколько вы уверены, что нашли бы условия доставки там, куда нажали?
  2. Почему вы нажали именно туда?

В настройках можно разрешить до 10 кликов, добавить до 12 целевых областей и включить таймер. Шкала уверенности помогает отделить случайные верные клики от осознанных.

Как провести тест первого клика

Хорошее задание описывает цель пользователя и не подсказывает названия кнопок.

1

Загрузите экран

Скриншот страницы или макет в реальном размере.
2

Сформулируйте задачу

«Где вы узнаете условия доставки?», а не «Нажмите на «Доставку»».
3

Задайте области

Отметьте правильные зоны клика, чтобы считать долю попаданий.
4

Соберите ответы

Для тепловой карты обычно хватает 30–50 участников.

Примеры удачных и неудачных заданий — в статье «Тест первого клика: примеры хороших и плохих задач», а о метриках — в материале «Метрики в тесте первого клика».

Проверьте навигацию за один клик

Скопируйте шаблон, загрузите свой экран и отправьте ссылку.
Использовать шаблон

Как читать результаты теста первого клика

В отчёте есть тепловая карта, карта кликов, доля попаданий в каждую область и среднее время до клика. Карту кликов можно скачать изображением и вставить в презентацию для команды. Все типы вопросов и возможности отчётов — в разделе «Функционал Testograf».

  1. Оцените точность. Если в целевую область попадает меньше 60–70% участников, навигацию стоит доработать.
  2. Изучите промахи. Скопления кликов вне цели показывают, где пользователи ожидают найти функцию.
  3. Учитывайте время. Долгий первый клик даже при верном ответе говорит о сомнениях.

Результаты видны сразу

Тепловая карта и доля попаданий строятся автоматически, карту можно скачать. Откройте отчёт демо-опроса, заполненного тестовыми ответами.Посмотреть результаты
Куда нажали участники, чтобы найти условия доставкиПокупателям58 %Другая область42 %данные демо-опросаОткрыть отчёт →

Советы по тесту первого клика

Как измерять интерфейс с помощью кликов, рассказано в статье «Тест первого клика: измеряем интерфейс».

Одно задание — один экран

Так результаты легко сравнивать между версиями.

Проверяйте несколько задач

3–5 заданий покажут картину навигации целиком.

Сравнивайте версии

Повторите тест на новом макете и сравните долю попаданий.

Частые вопросы

Какое изображение подойдёт?

Скриншот страницы, макет из Figma или любой экран интерфейса в формате изображения.

Можно ли разрешить несколько кликов?

Да, лимит настраивается от 1 до 10 кликов.

Сколько участников нужно?

Для наглядной тепловой карты обычно хватает 30–50 ответов.

Чем тест первого клика отличается от тестирования прототипа?

Тест первого клика проверяет одно решение на статичном экране, а тестирование прототипа — весь сценарий с переходами.

Можно ли тестировать мобильные экраны?

Да, загрузите скриншот мобильной версии. Участники с телефона увидят его в удобном масштабе, а тепловая карта построится по тем же координатам.

Заключение

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

Другие шаблоны UX-методов

Все шаблоны опросов

Узнайте, куда кликают пользователи

Готовый шаблон, целевые области и тепловая карта — без настройки с нуля.

Результаты демо-опроса Так выглядит отчёт по тесту первого клика
Продолжая пользование настоящим сайтом, Вы выражаете своё согласие на обработку Сookie-файлов в соответствии с Политикой использования Cookie-файлов