Демо DIY PRO 2.0: покажем, как пользоваться конструктором анкет и обновлением для UX-исследований
Подготовка прототипа Figma для UX-теста в DIY PRO 2.0
Чтобы тест прошел гладко и респонденты не столкнулись с техническими проблемами, выполните следующие действия по подготовке файла с прототипом, настройке доступа и импорту файла в конструктор анкет.
Содержание
Подготовка файла для исследования
1
Создайте отдельный файл для теста. Скопируйте в него только те фреймы, которые участвуют в сценарии, и назовите экраны понятным образом. Это упростит настройку заданий в конструкторе анкет.
2
Разложите сценарий на отдельные экраны и используйте простые переходы (лучше всего «On click»). Сложная логика, переменные и смена контента на одном экране могут повлиять на точность тепловых карт.
3
Проверьте связи между экранами и убедитесь, что все кнопки и переходы работают.
Важно! Если в тесте есть фреймы, которые респондент должен прокручивать, отключите параметр «Clip content» для точной фиксации кликов и корректного построения тепловых карт. На отображение прототипа в анкете это не влияет — прокрутка будет работать как обычно.
4
Задайте стартовый экран — перейдите на вкладку «Prototype» в правой панели Figma и убедитесь, что в разделе «Flow starting point» выбран именно тот экран, с которого должен начаться тест.
5
Проверьте работу прототипа в режиме «Present»: пройдите сценарий сами и убедитесь, что все работает корректно.
Настройка доступа к файлу с прототипом
Настройте права доступа к файлу, чтобы прототип в анкете был доступен респондентам для просмотра и выполнения задания:
1
В режиме прототипа нажмите кнопку «Share prototype» в правом верхнем углу в Figma.
2
Настройте доступ: в открывшемся окне выберите для «Anyone» права доступа: «Can view».
3
Скопируйте ссылку на прототип — нажмите кнопку «🔗Copy link». Правильная ссылка выглядит так: www.figma.com/proto/…
Загрузка прототипа в конструктор
1
Откройте вашу анкету в конструкторе DIY PRO 2.0.
2
В панели типов вопросов выберите раздел «UX-исследования» → «Прототип Figma» и добавьте вопрос в анкету.
3
Нажмите на «Загрузить ссылку» и вставьте вашу ссылку на прототип в поле.
Ограничения Figma на импорт прототипов
Figma ограничивает количество загрузок файлов с прототипом в зависимости от вашей роли в аккаунте Figma. Чтобы получить максимальные лимиты на загрузку, убедитесь, что при авторизации вы входите в аккаунт с ролью «Full seat» или «Dev seat» (а не «View» или «Collab»).
4
После вставки ссылки откроется окно авторизации Figma. Обратите внимание, какой аккаунт показан в окне запроса — именно от его роли зависят лимиты на загрузку. Если это не тот аккаунт, где у вас роль «Full seat» или «Dev seat», нажмите «Switch account» и войдите в нужный. Если аккаунт верный — нажмите «Разрешить».
4
Системе нужен доступ только для чтения структуры прототипа: экранов, их названий и переходов. Этот доступ используется однократно при импорте — ваш файл остается защищенным, система не может его редактировать. После успешной авторизации сессия сохраняется, и повторно входить не потребуется.
5
Дождитесь завершения загрузки. По завершении вы увидите превью стартового экрана и сможете настроить задания для респондентов.
6
Готово! Теперь вы можете донастроить анкету, сформировать необходимые вопросы и запустить тест — респонденты будут взаимодействовать с прототипом так, будто используют реальный сервис, а в отчете вы увидите, какие действия они выполняли, сколько времени потратили и справились ли с заданиями.
Поддержка
Наша команда на связи, поможем разобраться с функционалом, проведем тренинг, дополнительно проверим основные моменты перед запуском.
Есть идеи или пожелания — расскажите, чего не хватает или что можно улучшить: team@fastuna.ru
Другие статьи