Перегляд і прототип
Тут ви перевіряєте екран таким, яким його побачить людина: на різних пристроях, з даними й без, проклацуючи потік — спершу в редакторі, далі за посиланням, яке можна надіслати колезі.
Прев'ю#
Відкрийте вкладку Прев’ю правої панелі. На відміну від полотна, прев'ю малює екран готовим: без позначок редактора, шапка стоїть на місці, а вміст гортається під нею.
| Налаштування | Для чого |
|---|---|
| Пристрій | Рамка. Починається з найвужчого телефона навмисно — саме там усе перестає вміщатися. |
| Масштаб шрифту | Системний розмір шрифту. 1.3× — налаштування доступності, яке ламає розкладки найчастіше. |
| Тема екрана | Тема проєкту, якою малювати. Це той самий вибір, що й кнопка теми над полотном: змінили в одному місці — змінилося в обох. |
| Сценарій | На яких даних намальовано екран — той самий сценарій, що над полотном. Див. Дані. |
На всю робочу область віддає прев'ю всю робочу область.
Проклацайте потік#
Прев'ю живе: натисніть кнопку — і воно перейде на наступний екран; оберіть варіант, наберіть у полі, перемкніть вкладку. Те, що ви обрали й набрали, міняє дані прогону поверх сценарію. Назад повертає на крок, Почати з початку починає прогін спочатку й повертає до сценарію; зміна сценарію теж забуває обране й набране.
Дій, що належать вашому застосунку, прев'ю не виконує — вебсторінок воно не відкриває. Воно показує примітку: що застосунок попросили б зробити, з якими параметрами і яка подія аналітики пішла б перед цим.
Попередження#
Під телефоном прев'ю перелічує, що на цьому пристрої й масштабі шрифту може виглядати не так: текст, що не вміщається в рядок, вміст нижче першого екрана, текст, довший за рекомендоване. Пунктирна лінія показує, де закінчується перший екран.
Це попередження, а не помилки: документ можна публікувати. Клацніть попередження, щоб відкрити віджет у редакторі.
Посилання на прототип#
Прототип — це опублікований документ у власній вкладці браузера: його можна надіслати колезі чи відкрити на своєму телефоні.
- Опублікуйте документ.
- Натисніть Відкрити прототип над редактором або у списку документів.
- Прототип показує опубліковане, а не чернетку. До першої публікації посилання не пропонується.
- Він клацається, як і прев'ю, і має перемикач ширини: телефон, планшет, десктоп.
- Сторінка прототипу має англійський інтерфейс; ваш екран на ній — таким, яким його опубліковано.
- Посилання відкривається кожному, хто його має; обліковий запис не потрібен. Ставтеся до нього як до самого опублікованого екрана.
- Якщо проєкт має власний словник даних, його зразки показано лише учасникам проєкту, які ввійшли в адмінку в цьому ж браузері. Решта бачить запасні тексти, і сторінка про це каже.
- Над редактором, поруч із Відкрити прототип, можна вибрати дані, на яких відкриється прототип: Зразкові дані, Даних немає або збережений сценарій проєкту (див. Збережені сценарії); Скопіювати посилання на прототип копіює адресу з вибором. У списку документів посилання завжди відкриває зразкові дані. Даних немає відкривається будь-кому — воно нічого не розкриває. Збережений сценарій читають лише учасники проєкту, які ввійшли в адмінку в цьому ж браузері; решта отримає зразкові дані й рядок на сторінці з поясненням. Посилання називає сценарій за ідентифікатором, тож перейменування не ламає вже розіслані адреси; якщо сценарій видалено, посилання відкриє зразкові дані й скаже про це.
- У прототипі екрани змінюються миттєво; анімацію переходу додає ваш застосунок.
Для тих, хто лише дивиться#
Учасник із роллю Глядач відкриває документ переглядом: схема екранів і телефон, який можна проклацати, без жодного засобу правки. Показано робочу чернетку команди; Оновити завантажує найновішу.
