Тест первого клика (First Click Test)

Человек пришёл на сайт с конкретной задачей и первым делом нажал не туда. Иногда он находит обратную дорогу, иногда закрывает вкладку.

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

Тест первого клика проводят на скриншоте, макете или прототипе ещё до разработки и считают долю участников, чей клик попал в заранее выбранную зону.

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

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

Почему первый клик так много значит

Связь первого клика с исходом задачи Бейли и Вулфсон проверяли в дюжине исследований 2006–2009 годов. Если первый клик вёл по верному пути, задачу доводили до конца 87% участников, если по неверному, только 46%.

Повторить такой разрыв удалось не везде. В 2013 году MeasuringU проверила связь на пяти живых сайтах: 21 задача, 750 участников. После верного первого клика задачу решили 78%, после неверного 70%, разница всего 8 пунктов. На живом сайте ошибку можно исправить кнопкой «Назад» или поиском. В тестах дерева навигации, где участник видит только структуру меню и поиска нет, та же MeasuringU получила 80% против 14% в 8 исследованиях на 137 задачах.

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

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

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

Опросы для продуктовых команд

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

Как читать результат

Главное число в отчёте: доля участников, чей первый клик попал в верную зону. Пример: интернет-магазин дал 40 участникам задачу про возврат кроссовок. Верно нажали 26 человек, 21 на «Мои заказы» и 5 на ссылку в подвале.

Куда нажали	Кликов	Доля
«Мои заказы» (верно)	21	52,5%
«Возврат и обмен» в подвале (верно)	5	12,5%
«Доставка»	9	22,5%
Поиск	3	7,5%
Чат поддержки	2	5%

Итого 65% верных первых кликов. Но 40 человек это немного, и честнее сказать, что настоящая доля с уверенностью 95% лежит где-то между 50 и 78%. Это доверительный интервал, у малых выборок он широкий: при 20 участниках тот же результат растянулся бы от 43 до 82%.

Время до первого клика смотрят по медиане, а не по среднему: пара участников, которые думали по минуте, утянет среднее вверх. Разброс тоже информативен. В MeasuringU время называют одной из самых чувствительных метрик: если одни нажимают за три секунды, а другие за двадцать, навигация кого-то сбивает.

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

Как сравнить два варианта навигации

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

С одной и той же задачей так не выйдет: на втором макете человек уже знает, что ищет. Тогда участников делят на две группы, и каждая видит свой вариант, как в A/B-тесте. Доли верных кликов сравнивают статистическим тестом, например хи-квадратом, а не на глаз. Разница 65% против 75% при 40 участниках в группе даёт p около 0,33, то есть легко объясняется случайностью. Значимой та же разница станет примерно при 170 участниках в каждой группе.

Чего тест не показывает

Причину клика. Тест фиксирует, куда человек нажал, а почему, расскажет открытый вопрос сразу после задачи.

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

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

Картинка не раскрывает меню при наведении и не перестраивается под ширину экрана. В 2023 году MeasuringU сравнила первые клики по изображениям и по живым версиям пяти сайтов на 130 участниках. В среднем они разошлись на 6–7 пунктов, а самые большие расхождения, от 23 до 40 пунктов в зависимости от строгости разметки, дали как раз зоны, которые на живом сайте работают иначе. Мобильную версию по десктопному скриншоту тоже не проверить: у неё другое меню и другая раскладка.

Частая ошибка: задача подсказывает ответ

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

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

Как это сделано в WebAsk

В конструкторе WebAsk для этого есть отдельный тип вопроса «Клик-тест». Вы загружаете изображение экрана, макета или баннера, а в тексте вопроса пишете задачу. Каждый клик ложится точкой на изображение, в отчёте из них собирается тепловая карта.

Чтобы засчитывался только первый клик, поставьте лимит в один клик. Включите фиксацию скорости ответа, тогда будет видно, сколько человек думал, а таймер приблизит условия к реальным. Клик-тест есть в тарифах начиная с «Базового».

SUS: удобство продукта за десять вопросов

Сразу за клик-тестом удобно поставить два коротких вопроса: шкалу SEQ «Насколько легко было выполнить задачу?» и открытый вопрос «Почему вы нажали именно сюда?». Если нужно узнать, что на экране кажется непонятным, подойдёт соседний тип «Выделение области»: участник сам обводит зоны, и результат тоже выводится тепловой картой.

Коротко

• Верный первый клик предсказывает успех задачи, но сила связи зависит от интерфейса: в трёх исследованиях разница от 8 до 66 пунктов.
• Смотреть надо на долю верных первых кликов вместе с интервалом, потом на время до клика и карту неверных кликов.
• Задачу пишут как ситуацию, без слов из меню, а верные зоны отмечают до запуска.
• В WebAsk для теста есть «Клик-тест» с лимитом кликов, таймером и тепловой картой.

Вопросы и ответы

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

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

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

Зависит от нужной точности. При 40 участниках и 65% верных кликов 95-процентный интервал получается от 50 до 78%, при 160 участниках от 57 до 72%. Чтобы сузить интервал вдвое, участников нужно примерно вчетверо больше.

Можно ли проводить тест на макете, а не на готовом сайте?

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

Что считать верным кликом, если правильных путей несколько?

Все пути, которые ведут к цели, отмечают как верные зоны до запуска. В примере с возвратом верными считаются и «Мои заказы», и ссылка «Возврат и обмен» в подвале, а доля верных кликов складывается из обоих.

Зачем смотреть время до первого клика?

Верный, но долгий клик значит, что человек нашёл элемент не сразу. Время смотрят по медиане: несколько очень долгих раздумий сильно сдвигают среднее.