Création de storyboards

Un storyboard est une description cadre par cadre d'un scénario utilisateur qui se compose de cadres numérotés de façon séquentielle sur un tableau chronologique. Vous pouvez créer les cadres de votre storyboard à partir d'artefacts existants, tels que des esquisses, des parties et des images, ou en utilisant des éléments de dessin de la palette du storyboard. Une version miniature de chaque cadre s'affiche dans une séquence numérique dans la partie inférieure de l'éditeur. Vous pouvez ajouter des cadres dans la séquence qui hérite des éléments existants de la séquence.
Pourquoi et quand exécuter cette tâche

(Pour visualiser une vidéo qui vous montre comment créer un storyboard, voir Créer un storyboard.)

Lorsque vous dupliquez un cadre et ajoutez la copie à la séquence de scénario, la copie hérite du contenu de la diapositive précédente. Si vous ajoutez un élément à un cadre dans une séquence d'héritage, la modification est propagée aux doublons suivants de la séquence. Par exemple, si vous disposez de six cadres créés en utilisant l'option Dupliquer le cadre et que vous ajoutez ou modifiez un élément de la première diapositive, la modification est répercutée dans les diapositives 2 à 6. Si vous modifiez un élément dans la diapositive 3, la modification s'applique aux diapositives 4 à 6.

Pour créer un storyboard à l'aide d'une esquisse, exécutez la procédure suivante :

  1. Sélectionnez Fichier > Nouveau > Storyboard.
  2. Dans la fenêtre Nouveau storyboard, entrez un nom pour le storyboard. Ce nom peut inclure des caractères en minuscules et en majuscules ainsi que des espaces.
  3. Accédez à un projet et à un dossier pour le nouveau storyboard.
  4. (Facultatif) Ajoutez une étiquette au nouveau storyboard.
  5. (Facultatif) Sélectionnez un modèle pour le contenu initial du storyboard.
  6. (Facultatif) Cliquez sur Suivant et sélectionnez les groupes d'attributs que vous souhaitez appliquer au storyboard.
  7. Cliquez sur Terminer. La liste de cadres du storyboard s'affiche. La liste de cadres permet de résumer les cadres que vous prévoyez d'utiliser dans le storyboard et les liens vers toute esquisse utilisée dans les cadres.
  8. Dans la liste de cadres, cliquez sur Entrer le titre du cadre et entrez la description du cadre. Appuyez sur Entrée lorsque vous avez terminé. Appuyez de nouveau sur Entrée pour créer un autre élément de la liste de cadres et une miniature de cadre. Répétez cette étape pour résumer l'intégralité de l'histoire. Cette structure inclut la liste de cadres et les miniatures vierges correspondantes du tableau chronologique.
  9. Pour ajouter du contenu graphique à un cadre, cliquez deux fois sur la miniature du tableau chronologique. Dans un cadre vide, vous pouvez faire glisser des éléments de dessin dans l'éditeur. Vous pouvez utiliser l'une de ces options de clic ou de glissage pour créer du contenu à partir des sources suivantes :
    • Création à partir d'un cadre précédent de la séquence du storyboard. (Ceci connecte les cadres d'une chaîne d'héritage.)
    • Création à partir d'un cadre antérieur de la séquence du storyboard. (Ceci connecte les cadres d'une chaîne d'héritage.)
    • Création à partir d'une esquisse existante. (Le cadre hérite de toutes les propriétés du cadre que vous sélectionnez.)
  10. Vous pouvez faire glisser une esquisse d'interface utilisateur, une partie ou un graphique de l'explorateur de projets vers un cadre de storyboard. L'artefact s'affiche dans l'éditeur et un cadre numéroté s'affiche dans le tableau chronologique du storyboard. Le cadre ajouté à la liste de cadres inclut un lien vers une esquisse d'interface utilisateur, si une esquisse est incluse dans le cadre.
  11. Pour masquer le tableau chronologique afin de fournir plus d'espace pour l'utilisation de l'éditeur, cliquez sur la commande Cliquez pour réduire le tableau chronologique dans la partie supérieure du tableau chronologique. Image de storyboard réduite Cliquez de nouveau sur la commande pour réafficher le tableau chronologique.
  12. Pour créer une copie du cadre dans le tableau chronologique, cliquez avec le bouton droit de la souris sur le cadre, puis cliquez sur Dupliquer le cadre. La copie suivante hérite du contenu du cadre précédent. L'héritage est marqué par une chaîne d'héritage, située sous les miniatures :
    image de chaîne d'héritage
  13. Pour créer un cadre dont le contenu est nouveau, cliquez avec le bouton droit de la souris sur la miniature située dans le tableau chronologique, puis cliquez sur Nouveau cadre vide.
  14. Pour revenir à la structure du cadre, dans le coin supérieur gauche de l'éditeur, cliquez sur Accéder à la liste de cadres.
  15. Continuez de créer et de modifier les cadres suivants pour découvrir comment l'interface se modifie au fur et à mesure des interactions de l'utilisateur.
  16. Cliquez sur Fichier > Sauvegarder.
Que faire ensuite
Lorsque les cadres de votre storyboard sont terminés, vous pouvez lire le storyboard en cliquant sur chaque cadre dans l'ordre numérique, ou en mettant en évidence le premier cadre, puis en appuyant sur la touche de défilement de page arrière (PgDn) pour afficher le cadre suivant de la séquence de cadres.

Vos commentaires