Создание интерактивных прототипов

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

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

Главный экран — это первый экран вашего приложения или веб-сайта. Навигация ваших пользователей по приложению или веб-сайту начинается с главного экрана.

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

Настройка нескольких потоков в проекте

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

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

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

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

1. Переключитесь в режим Прототип.
2. Установите главную монтажную область, чтобы определить отправную точку вашего проекта.
   
3. Задайте имя для каждого потока для удобства организации.
4. Если ваш проект состоит из нескольких потоков, установите главные монтажные области для каждого из этих потоков.
5. Щелкните следующий связываемый объект или монтажные области. На объекте или монтажной области появится связывающий указатель со стрелкой. Используйте перетаскивание мышью, чтобы поместить маркер на целевом объекте или монтажной области.

Добавляйте взаимодействия для объектов и монтажных областей

После того как экраны выбраны и соединены, вы можете сделать прототипы более привлекательными, добавив триггеры и действия для объектов и монтажных областей. Для этого выполните следующие действия:

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

Советы

• Чтобы отредактировать или удалить соединительную линию, выберите соединительные линии для их редактирования или удаления. Вы также можете выбрать отдельное взаимодействие в инспекторе свойств и отредактировать его взаимодействия.
• Чтобы временно скрыть соединительные линии в режиме прототипа, удерживайте клавишу Option (macOS) или Alt (Windows).
  
• Наведите указатель мыши на соединительную линию для просмотра всплывающей подсказки о количестве взаимодействий и их типе. 
• Чтобы применить определенное взаимодействие к другому объекту, выберите этот объект или монтажную область, выберите «Копировать», щелкните целевой объект или монтажную область и в контекстном меню выберите «Вставить взаимодействие».

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

Отмена связи монтажных областей

Предварительный просмотр и запись взаимодействий

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

Подробнее

Из этого видео вы узнаете, как приступить к работе с интерактивными ресурсами: 

Связанные ресурсы

• Создание прототипов с помощью голосовых команд
• Анимирование прототипов

Обращайтесь к нам