Импорт прототипа по ссылке: с чего начать и как продолжить

1. В Figma откройте файл с прототипом, который нужно импортировать в Pathway.

2. Установите/выберите стартовую точку.

Укажите начальный шаг в вашем прототипе. Если его нет, добавить его на экран можно с помощью кнопки “+” возле Flow Starting Point в разделе Prototype в меню справа.

3. Убедитесь в наличии более одного экрана и переходов между экранами.

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

4. Вынесите прототип в отдельный файл, оставьте в нем только одну страницу с прототипом

По умолчанию, Figma загружает все элементы файла, в котором находится прототип. Поскольку большой объем данных в прототипе является основной причиной возникновения проблем у респондентов. Мы сможем импортировать прототип только если он будет вынесен в отдельный файл, в котором будет только одна страница (Page) с прототипом.

5. Получите ссылку на прототип и вставьте ее в блок Figma в Pathway

Добавьте блок Figma в тест, нажмите Добавить прототип, а затем выберите По ссылке в открывшемся окне. Вставьте скопированную ссылку в блок Figma внутри вашего теста в Pathway, затем нажмите Импортировать. Если обнаружена какая-либо ошибка, предупреждающая надпись сообщит об этом.

Всё готово! Ваш прототип теперь импортирован в Pathway.

Для импорта прототипа необходимо выполнить следующие шаги:

1. Откройте страницу просмотра прототипа. Для этого нажмите на запуск нужного Flow.

2. Нажмите кнопку Share prototype.

3. В открывшемся окне установите разрешение Anyone with the link на can view.

4. Нажмите кнопку Copy link.

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

Обязательно:

1. Пропишите задание для респондентов в поле Инструкция.

Это задание высветится прежде чем респонденты приступят к блоку с прототипом.

2. Настройте нужный вариант масштабирования прототипа — Fit Width (по ширине) или Fit Screen (по ширине и высоте).

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

3. Настройте целевые экраны.

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

3.1 Прямо сейчас добавление целевого экрана — это обязательное условие для добавления блока с прототипом. Это нужно для корректного отслеживания успешных и неуспешных сценариев и прохождений.

Но, если в прототипе есть только один экран (например, нужно просто показать одну страницу респондентам), со стороны дизайна прототипа можно добавить кнопку "Завершить / Изучил(а)" на все экраны, откуда респондент может закончить изучение прототипа. Кнопка должна будет вести на любой другой экран (его можно сделать просто черным), а при настройке блока с прототипом в Pathway в качестве целевого экрана указать тот, на который ведет кнопка "Завершить". 👐

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

Дополнительно:

4. Можно настроить логику на целевые экраны. При завершении интеракции с прототипом на различных экранах, вы можете задать респондентам вопросы или попросить оставить комментарии в зависимости от их действий в прототипе.

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

Например, если респондент попадает на финальный экран 1, его перенаправит на вопрос 2, где можно попросить комментарий и уточнить, почему он совершил именно это действие, если на финальный экран 2 — на вопрос 3, и так далее.

5. Запись видео для блока Figma.

Тоггл записи экрана респондента позволяет записать взаимодействия респондентов с экранами прототипа.

6. Показывать только стандартный курсор.

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