Un dessin vaut mieux qu’un long discours

Nous avons tous été confrontés lors de la réalisation d’un projet quel qu’il soit, à la difficulté de parler le même langage, à faire exprimer un besoin, puis à le communiquer et le traduire en autant de langues qu’il existe de corps de métier dans un équipe de production. Ces problématiques, chères à la maîtrise d’ouvrage et/ou au chef de projet, sont autant dues à la difficulté d’énoncer clairement un besoin qu’à la nécessité de le transmettre et de le faire évoluer.

Je me suis souvent dis en regardant s’accumuler les croquis griffonnés en réunion client ou interne, qu’un dessin valait mieux que de longs discours et qu’il serait vraiment pratique de pouvoir animer ces croquis, leur donner vie, et ainsi valider la pertinence des idées proposées « en temps réel ».

Le monde merveilleux des Apps

popIl existe aujourd’hui des applications très simples d’utilisation et très intuitives qui permettent de rapidement créer des prototypes à partir de croquis sans avoir besoin de coder quoique ce soit, et ainsi économiser une première phase de développement informatique, tout du moins le temps que les grands principes de l’interface soient posés et validés par tous.

Les deux applications les plus connues sont MARVEL et POP. POP veut dire « Prototyping On Paper ». Le principe est simple et consiste à photographier des croquis ou à importer des images (PSD, PNG, JPG, GIF) pour les transformer en prototypes animés, interactifs et surtout multi-supports.

Une fois les supports visuels importés le prototype se construit en trois temps : il faut d’abord définir les zones interactives et les actions qui leur sont associées, puis créer des liens pour pouvoir naviguer entre ces supports. Une liste de transitions vous est même proposée si vous voulez peaufiner. Enfin il faut exporter le tout en choisissant un format de sortie adapté, là aussi parmi une liste prédéfinie d’écrans types, autrement dit des « templates » correspondant aux normes du marché (mobile, tablette et PC). Voilà, vos croquis sont animés et peuvent être joués et modifiés autant de fois que nécessaire !

POP et MARVEL fonctionnent sous Android et Apple et proposent différents formats d’export : iPhone (de 4 à 6), iPad et Nexus 5 côté POP alors que MARVEL dispose d’une palette plus large (Web – no frame, iPhone 4, 5 et 6, Nexus 5, Galaxy S5, Lumia 920, HTC One, Ipad Air).

Pour simplifier encore plus les choses et faciliter le travail collaboratif ces applications sont connectées à votre DROPBOX. Vous pouvez alors facilement mettre vos croquis ou planches graphiques en partage pour produire le prototype animé en équipe par la suite. POP offre également la possibilité de se connecter au Cloud d’ADOBE.

Toutes deux proposent des versions gratuites et payantes. Les versions gratuites sont vite limitées en termes de nombre de projet et de travail collaboratif. Cependant les versions payantes sont très abordables et varient de 7 à 9€ par mois sachant que les prix deviennent dégressifs à l’année.

marvel

Propositions d’utilisation en mode Projet

C’est bien sur en phase de pré-production sur des projets requérant la portabilité des modules e-learning que ces applications seront les plus utiles. Cependant, bien que POP et MARVEL soient orientées smartphones ou tablettes, rien n’empêche de les utiliser pour prototyper des maquettes de modules e-learning destinés à être diffusés sur PC.

Toutes proportions gardées, ces applications simples et ludiques permettront aux clients de se projeter rapidement sur les premières maquettes et de valider un certain nombre d’éléments structurants pour la rédaction de la note de cadrage ou du premier cahier des charges, tels que l’ergonomie, la navigation, l’organisation des contenus. Et ce avant même d’avoir besoin d’ouvrir Powerpoint ou d’écrire une seule ligne de code !

Le concepteur, ou la conceptrice peut poser les bases du storyboard en croquant rapidement sur un cahier les écrans clés et du même coup commencer à réfléchir aux templates à utiliser, ainsi qu’à à la façon dont les contenus seront découpés et organisés. POP et MARVEL proposent d’ailleurs des templates à imprimer puis à photographier pour faciliter la phase de pré-conception. L’idée est bonne et devrait faire des émules au sein des équipes de production afin qu’elles pensent à mettre à disposition des concepteurs des versions imprimables des templates d’écrans existants !

Ce premier travail de « zoning » peut également permettre d’apprécier d’un coup d’œil la longueur des contenus textes, et, ce faisant, donner la possibilité d’aborder très tôt le sujet (parfois épineux) du recueil d’expertise ou du travail de réécriture souvent nécessaires lors de la phase de conception.

Côté graphisme, cette ébauche de storyboard peut faciliter l’identification des « assets » graphiques à fournir ou à produire.

La palette de transitions proposées par ces applications peut aussi donner des idées de « motion design » pour animer et lier le tout. Aux développeurs cette fois de valider s’ils seront en mesure de reproduire ces comportements dans leur code selon qu’ils utilisent des outils auteurs « maison » ou qu’ils adaptent des templates existants sur le marché. La question de l’interaction est également primordiale lorsque l’on spécifie un module qui doit pouvoir être multi-support. Or POP et MARVEL proposent d’associer chaque action à des interactions types en fonction des formats de diffusion choisis : « swipe » and « touch » pour tablettes et smartphones,  « roll-over » et  « click » pour PC.

Et tout cela bien sur en un temps record et encore une fois à moindre coût ! Quoi de plus simple qu’un dessin pour valider ensemble la faisabilité d’un projet en fonction des contraintes et des exigences de chacun ? J’y vois aussi l’opportunité de mettre en place une méthodologie de travail partagée qui garantit une certaine efficacité,  une cohérence opérationnelle et fonctionnelle pour enclencher tous les bons leviers dès les prémices d’un projet.

Liens

https://marvelapp.com/

https://popapp.in/features/