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

​
Ouvrez un prototype

1

Cliquez sur Preview

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

Laissez Flowstep relier vos écrans

Si votre fichier comporte deux écrans ou plus, Flowstep relie 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 fonctionne). Les liens sont régénérés uniquement lorsque vos écrans ont changé depuis la dernière exécution.
3

Cliquez sur votre flux

Cliquez sur n’importe quel élément lié — un bouton, une carte, un élément de menu — pour accéder à son écran cible. La barre latérale répertorie tous les écrans du fichier afin que vous puissiez accéder directement à n’importe lequel d’entre eux, 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 de lien échoue, utilisez le bouton Retry dans le lecteur.

​
Définissez 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 de propriétés sur la droite.
  3. Sélectionnez un écran cible dans la liste déroulante — ou choisissez No navigation pour supprimer le lien.
Pour empêcher la liaison automatique de Flowstep de remplacer 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 lors de la régénération des liens.

​
Contrôles interactifs

Un prototype n’est pas seulement une navigation cliquable — les contrôles sur vos écrans réagissent pendant que vous prévisualisez. Basculez un interrupteur, cochez une case, sélectionnez une option radio, choisissez 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 effectuez sur un écran se reporte lorsque vous cliquez dans d’autres. Vous pouvez également basculer un écran entre l’apparence clair et sombre pour voir comment il répond.
Le comportement interactif est généré automatiquement à partir de vos écrans — il n’y a rien à câbler. Prévisualisez un fichier pour l’essayer.