Skip to main content
Flowstep peut transformer les écrans d’un fichier en un prototype interactif. Cliquez sur Preview dans la barre d’outils de l’éditeur et Flowstep ouvre un lecteur de prototype en pleine page où vous pouvez parcourir votre flux — utile pour tester un parcours utilisateur ou le présenter aux parties prenantes.

​
Ouvrir un prototype

1

Cliquez sur Preview

Dans la barre d’outils de l’éditeur, cliquez sur Preview. Le lecteur de prototype s’ouvre en affichage pleine page, séparé de l’éditeur.
2

Laissez Flowstep lier vos écrans

Si votre fichier contient deux écrans ou plus, Flowstep lie automatiquement les éléments interactifs — boutons, cartes, éléments de menu — à leurs écrans cibles lorsque vous ouvrez l’aperçu (vous verrez « Bringing your screens to life » pendant qu’il travaille). Les liens sont régénérés uniquement lorsque vos écrans ont changé depuis la dernière exécution.
3

Parcourez votre flux

Cliquez sur n’importe quel élément lié — un bouton, une carte, un élément de menu — pour naviguer vers son écran cible. La barre latérale répertorie tous les écrans du fichier pour que vous puissiez accéder directement à n’importe lequel, et Back to editor vous ramène au fichier.
La liaison automatique nécessite au moins deux écrans dans le fichier. Si la génération des liens échoue, utilisez le bouton Retry dans le lecteur.

​
Définir la navigation manuellement

Vous pouvez contrôler exactement où un élément navigue :
  1. Dans l’éditeur, sélectionnez l’élément (par exemple, un bouton).
  2. Ouvrez le panneau Navigation dans le panneau des propriétés sur la droite.
  3. Choisissez un écran cible dans la liste déroulante — ou sélectionnez No navigation pour supprimer le lien.
Pour empêcher la liaison automatique de Flowstep de réécrire un lien que vous avez défini vous-même, cliquez sur Lock link dans le panneau Navigation. Les liens verrouillés ne sont pas modifiés lorsque les liens sont régénérés.

​
Commandes interactives

Un prototype n’est pas juste une navigation interactif — les commandes sur vos écrans réagissent pendant que vous prévisualisez. Basculez un commutateur, cochez une case, choisissez une option radio, sélectionnez dans une liste déroulante, basculez les onglets, tapez dans un champ, ou incrémentez un compteur, et l’écran se met à jour en direct pour refléter le nouvel état. Les écrans d’un fichier partagent un état de prototype pendant une session d’aperçu, donc une modification que vous faites sur un écran s’applique lorsque vous cliquez sur d’autres. Vous pouvez aussi basculer un écran entre l’apparence claire et sombre pour voir comment il réagit.
Le comportement interactif est généré automatiquement à partir de vos écrans — il n’y a rien à configurer. Prévisualisez un fichier pour l’essayer.