Comment faire son storyboard (un exemple)?

Pour que vous ayez des idées concrètes de ce qu’il faut rendre au premier round de la catégorie Interface Design, je vais vous présenter le storyboard que mon équipe a rendu l’an dernier.

Le thème était lié à l’éducation. Nous avons choisis de développer une application (EasyTour) qui permette de découvrir une ville tout en la visitant (avec son tabletPC en main).

Pour le premier round nous avions une idée très précise des fonctionnalités que proposerait notre interface (repérage sur une carte, encyclopédie contenant tous les points d’intérêt de la ville, possibilité de prendre des notes, de laisser des commentaires sur une visite ou d’en lire, de créer son propre planning de visites…).

Nous avions aussi réfléchis sur le nombre de fenêtres que contiendrait l’application, ainsi que plusieurs idées sur leur enchainement. De plus, nous avions envie de créer un univers 3D pour cette interface, idée que nous avons d’ailleurs abandonné au second round, car cette 3D n’avait que peu d’intérêt pour notre type d’application.
Notre projet a évolué avec le temps, nous n’avons pas rendu au second round exactement ce que nous avions présenté dans notre storyboard du premier round.


Notre storyboard :

• 2 slides : page d’intro et plan de présentation du power point.
• 2 slides : pour présenter notre projet, ainsi que son lien avec le thème de l’éducation.
• 8 slides : pour décrire et présenter les futures fenêtres de notre application.
  Pour le premier round, nous avions déjà commencé à nous servir de Blend. Pour imager le storyboard, nous avons créé des fenêtres contenant tous les éléments que nous voulions insérer (listBox, textBlock, slider, button, label, checkBox ...) sans les personnaliser et sans aucun binding. Nous les avons placé dans des panels de type canvas (pour notre vraie interface nous n’avons jamais utilisés de canvas, nous avons étudié en profondeur l’organisation de nos panels et contrôles ; les canvas sont faciles d’utilisation mais peuvent impliquer pas mal de problèmes, notamment lorsque l’on redimensionne les fenêtres). Nous avons donc inséré des captures de ces fenêtres, une par slide. A chaque fois nous avons expliqué succinctement à quoi servait tel et tel contrôle.
  
• 6 slides : implémentation pour le round 2
  Nous avons ensuite décrit comment nous comptions améliorer le design et quelles innovations nous pensions implémenter (synthèse vocale, reconnaissance de texte, 3D, …) pour le second round.


• 2 slides : conclusion
  Nous avons fait un slide pour présenter quels logiciels nous utiliserions pour le second round, un autre pour conclure notre présentation en rappelant en quelques mots les atouts de notre projet.

Certaines slides peuvent ne contenir qu’un titre qui annonce la prochaine partie.

Je pense qu’il est important d’être concis, il faut qu’en une dizaine de minute le lecteur ait le temps d’avoir regardé toutes les slides de votre storyboad et d’avoir compris les grandes lignes de votre projet. Votre storyboard doit de plus, être très visuel. Il faut également éviter de rentrer trop dans les détails techniques.

Nous avons envoyé notre storyboard en deux formats : pptx et ppt.

Beaucoup d'équipe l'an dernier ont rendu des power point, cependant certaines équipes ont rendu des applications flash.

Ce que je vous ai présenté n’est biensur qu’un exemple.