Через Pathway можно провести юзабилити-тестирование сценариев, собранных в Figma — это самый распространённый инструмент, в котором дизайнеры собирают макеты.
Figma предоставляет встроенный мощный инструмент для создания рабочих прототипов, которые можно тестировать на респондентах через Pathway. Подробнее прочитать про возможности прототипирования можно на сайте Figma (ссылка).
Хотя Figma предоставляет обширный функционал для прототипирования, важно собрать прототип таким образом, чтобы результаты было удобно анализировать.
В этой статье мы расскажем как происходит тестирование, как мы собираем результаты и создадим понимание какие прототипы будут наиболее эффективными с точки зрения проведения исследования.
Переходы между корневыми элементами
Основой исследования являются корневые экраны прототипа — в отчёте Pathway можно будет посмотреть цепочку переходов респондента между корневыми экранами и клики на этих экранах — как в агрегированном виде, так и по каждому респонденту.
Как работает прохождение задания?
В рамках тестирования респондент начнёт задание на стартовом корневом экране, а его завершением будет считаться момент, когда респондент сможет попасть на один из целевых экранов (они устанавливаются при создании задания).
Разрабатывая прототип, важно реализовывать значимые для исследования действия через открытие отдельного экрана. Например, в прототипе из нашего примера для оценки еды или добавления чаевых используются интерактивные компоненты. Но открытие чека реализовано отдельным экраном, так как это целевое действие.
Интерактивные компоненты
С помощью переменных и интерактивных компонентов Figma можно создавать сложные сценарии на одном экране. Однако, важно помнить, что в отчёте будут видны клики только по элементам прототипа в его начальном состоянии.
Например, если при плохой оценке (👎) возникает скрытый элемент, то клики по нему не отразятся в отчёте. Чтобы показать взаимодействие с таким элементом, можно продублировать экран с нужным состоянием.
Сбор кликов по прототипу
Когда человек работает с прототипом в Figma, мы записываем все его клики, чтобы создать детальный отчет со статистикой. Представьте прототип как слоеный пирог: клики привязываются к самому верхнему слою, даже если он прозрачный.
В отчете клик всегда будет находиться на своём слое, даже если он плавающий или находится в области с прокруткой. Поэтому, создавая прототип, убедитесь, что важные элементы не перекрываются другими слоями и курсор / палец могут их коснуться.
Анализ результатов
По каждому корневому экрану вы получите детальную статистику — можно будет увидеть все клики, построить тепловую карту, а также получить статистику по какой-то определённой области на каждом корневом экране.