Skip to main content
Flowstep може перетворити екрани у файлі на інтерактивний прототип. Натисніть Preview на панелі інструментів редактора, і Flowstep відкриє програвач прототипу на весь екран, де ви можете переходити по вашому потоку — корисно для тестування користувацької подорожі або її презентації зацікавленим сторонам.

​
Відкрити прототип

1

Натисніть Preview

На панелі інструментів редактора натисніть Preview. Програвач прототипу відкривається як представлення на весь екран, окремо від редактора.
2

Дозвольте Flowstep пов'язати ваші екрани

Якщо у файлі два або більше екранів, Flowstep автоматично пов’язує інтерактивні елементи — кнопки, карточки, пункти меню — до їх цільових екранів при відкритті попереднього перегляду (ви побачите “Bringing your screens to life” під час роботи). Посилання регенеруються тільки коли ваші екрани змінилися з останнього запуску.
3

Переходьте по вашому потоку

Натисніть на будь-який пов’язаний елемент — кнопку, карточку, пункт меню — щоб перейти до його цільового екрана. На бічній панелі наведені всі екрани у файлі, тому ви можете перейти до будь-якого з них безпосередньо, а Back to editor повертає вас до файлу.
Автоматичне пов’язування потребує щонайменше двох екранів у файлі. Якщо генерація посилань не вдається, використайте кнопку Retry у програвачі.

​
Встановити навігацію вручну

Ви можете точно контролювати, куди переходить елемент:
  1. У редакторі виберіть елемент (наприклад, кнопку).
  2. Відкрийте панель Navigation на панелі властивостей праворуч.
  3. Виберіть цільовий екран зі списку — або виберіть No navigation, щоб видалити посилання.
Щоб запобігти перезаписанню Flowstep автоматичного пов’язування посилання, яке ви встановили, натисніть Lock link на панелі Navigation. Заблоковані посилання не змінюються при регенерації посилань.

​
Інтерактивні елементи управління

Прототип — це не просто клікабельна навігація — елементи управління на ваших екранах реагують під час попереднього перегляду. Перевертніть перемикач, позначте прапорець, виберіть радіоопцію, виберіть зі списку, переключіть вкладки, введіть текст у поле або збільшуйте лічильник, і екран оновлюється у реальному часі, щоб відобразити новий стан. Екрани у файлі спільно використовують один стан прототипу під час сеансу попереднього перегляду, тому зміна, яку ви внесете на одному екрані, буде перенесена, коли ви натиснете на інші екрани. Ви також можете переключити екран між світлою та темною появою, щоб побачити, як він реагує.
Інтерактивна поведінка генерується автоматично з ваших екранів — немає нічого для підключення. Попередній перегляд файлу, щоб спробувати.