Воспроизведение прототипа

1. Запуск просмотра

Предварительный просмотр прототипа можно запустить тремя способами:

нажмите Запустить в правом верхнем углу;

наведите указатель на сценарий в списке на правой панели и нажмите появившуюся кнопку Запустить;

нажмите Запустить в левом верхнем углу фрейма.

2. Модель устройства

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

Совет: можно переключаться между книжной и альбомной ориентацией.

3. Общий доступ к прототипу

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

4. Масштаб просмотра

В режиме демонстрации доступны четыре варианта масштаба и два дополнительных параметра.

• Полный просмотр: фрейм выравнивается по верхнему краю или ширине, чтобы показать все содержимое с автоматическими отступами по краям.
• Масштаб 100%: размер на экране полностью соответствует фактическому размеру фрейма.
• Вписать в экран: ширина фрейма автоматически подстраивается под область просмотра.
• Заполнить экран: масштаб подстраивается с учетом соотношения сторон. Для длинной страницы по области просмотра выравнивается высота, а для широкой — ширина.
• Выделять интерактивные области: активные области всегда остаются подсвеченными.
• Скрыть элементы управления: все элементы управления скрываются.

Совет: нажмите кнопку полноэкранного режима в правом верхнем углу, чтобы максимально увеличить область просмотра широкого содержимого.

5. Переключение фреймов

Переключайте фреймы стрелками влево и вправо в верхней части экрана (горячие клавиши: ← →). Чтобы быстро вернуться к первому фрейму, нажмите Перезапустить (горячая клавиша: R).

6. Подсветка активных областей

Щелкните по фону области просмотра, чтобы подсветить активные области с интерактивными событиями.

Совет: нажмите Shift + 8, чтобы активные области оставались подсвеченными.

7. Сценарии взаимодействия

В левой части страницы просмотра находится список сценариев. Здесь можно просмотреть нужный сценарий или найти относящийся к нему фрейм.

8. Иммерсивный режим

Щелкните по фону области просмотра или запустите взаимодействие, чтобы перейти в иммерсивный режим. Все элементы управления будут скрыты и не станут отвлекать от прототипа. Чтобы вернуть их, снова щелкните по фону.

Совет: нажмите Shift + 9, чтобы иммерсивный режим оставался включенным.

Проведите коллег по демонстрации

Режим Spotlight позволяет другим участникам следовать за вашим видом во время демонстрации прототипа.

1. Откройте демонстрацию прототипа.
2. Наведите указатель на свой аватар на верхней панели.
3. Выберите Follow my view, чтобы пригласить остальных следовать за вами.
4. Переходите по прототипу, показывая его присоединившимся участникам.

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

Выберите подсветку интерактивных областей

• Off: интерактивные области не подсвечиваются.
• Flash: нажатие на неинтерактивную часть демонстрации ненадолго подсвечивает доступные интерактивные области.
• Always on: интерактивные области подсвечиваются постоянно, что помогает тем, кто впервые открывает прототип.

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

Вернитесь к элементам управления

Если элементы управления скрыты, нажмите Esc, чтобы показать их снова. Выберите сценарий или фрейм в списке слева, чтобы продолжить просмотр с другой начальной точки.