Prototype

Répondre à de réels besoins c’est l’enjeu de tout nouveau produit et service. Pour cela, il faut imaginer, concevoir et tester avec les utilisateurs. Le produit étant destiné à un panel d’utilisateur, il faut le concevoir avec ces utilisateurs.

Dans ce sens, le prototypage est une méthodologie issue du design thinking permettant de tester pour itérer rapidement.

Les types de prototype

Il y a différents types de prototype qui interviennent à différents moments d’une phase de conception : 

– low fidelity, maquettes noir et blanc (wireframes) : pendant la phase UX, permet de tester les sytèmes de navigation, le contenu et l’architecture sans se soucier du design. Ainsi l’utilisateur ne s’attarde pas sur des problématiques subjectives liées au design.

– high fidelity, maquettes couleurs (haute fidélité) : à la fin de la phase UI, permet de tester le contenu, les interactions, l’affichage, le ton et la disposition en s’intéressant très fortement au design et à l’aspect esthétique. Tester en high fidélité permettra de valider le design auprès des utilisateurs.

– MvP (minimum viable product), produit développé comportant les fonctionnalités principales : permet de tester en situation réelle si le produit fonctionne techniquement et si celui-ci répond à des usages et à des besoins. L’objectif étant de tester à moindre coût, il est important de prioriser les fonctionnalités et de développer à petit échelle.

Comment prototyper

De nombreux outils existent et permettent de prototyper efficacement. Pour déterminer celui-ci qu’il vous faut, il faut définir les enjeux, les objectifs et le type de prototypage souhaitait. Enfin, il y a plusieurs fonctionnalités auxquelles il faut prêter attention. Selon nous, l’outil doit comporter un module d’export pour simuler une interaction en situation réelle, un module de commentaires, un module d’animation et/ou de micro-interaction et des modules pour concevoir et décliner rapidement les différentes pages. 

Si vous souhaitez tester rapidement un concept, des interactions, des navigations, nous vous conseillons la navigation, des interactions, un concept.

Nous recommandons :

– Figma : permet de prototyper rapidement en low et high fidélité en incluant des animations et micro-interactions

– Sketch + InVision : le combo permet de prototyper et tester en low et high fidelity sans animation possible. L’utilisateur testera des parcours statiques.

– Axure : cet outil permet de tester rapidement un MvP en low fidelity. Ce logiciel permet également le high fidelity mais demande à temps considérable. L’avantage de cet outil est sa capacité à intégrer des conditions dans des parcours, par exemple, si un utilisateur coche la case A alors il est redirigé vers la page A+. Ces fonctionnalités sont accessibles et ne demandent pas de connaissances techniques.

– Adobe XD : le nouveau logiciel d’Adobe permet de prototyper très rapidement des concepts en low et high fidélité tout en intégrant de l’animation et des micro-interactions. Mais dès lors qu’il s’agit de concevoir un produit de manière très précise, on préférera Figma ou Sketch.

Conclusion

Prototyper, itérer et tester sont à la portée de tous et permettent de s’assurer de l’efficacité d’un produit et d’un service avant d’engager des coûts considérables. Il est très important de prototyper un produit avant de le développer autrement celui-ci comportera ce que vous désirez mais pas ce que vos utilisateurs désirent.