Skip to main content
Design ThinkingPrototype

Petit guide pour réaliser un prototype efficace

By 27 September 2022July 26th, 2023No Comments
Comment réaliser un prototype efficace

Le prototypage une étape cruciale !

Une des étapes les plus importantes lorsque l’on se lance dans une démarche Design Thinking, c’est le prototypage ! 

Nous allons voir ensemble, à travers ce court article, les différentes étapes à suivre pour réaliser un prototype efficace ! 

Bonne lecture !

Pourquoi faire un prototype ?

Avant de se lancer, il est légitime de se demander ce qu’est un prototype et à quoi ça sert !

Pour faire simple, votre prototype va permettre de matérialiser de manière concrète, une solution qui n’existe, pour le moment, que dans votre tête ! On passe donc de la théorie à la pratique, de l’abstrait au tangible !

L’objectif est de pouvoir tester rapidement et efficacement la solution que vous aurez retenue à l’étape d’idéation afin de valider ou d’invalider la pertinence de votre solution en situation réelle. 

Mais ce n’est pas tout, un prototype vous permettra également d’économiser du temps et de l’argent en vous évitant de trop investir dans une mauvaise solution. Si vous voulez en savoir plus, on vous a tout détaillé dans cet article !

Comment faire un prototype ?

Si vous ne devez retenir qu’une seule chose, votre prototype doit être simple et efficace ! Vous devez aller droit au but ! Inutile d’investir beaucoup de temps et d’argent dans votre prototype, car il ne s’agit pas de la version définitive de votre solution ! D’autant plus qu’il n’y a peu de chance que la première solution que vous testiez soit la bonne !

“ Gardez en tête que la solution parfaite n’est jamais trouvée du premier coup ! ”

Dans un premier temps, oubliez l’esthétisme et concentrez-vous sur la praticité de votre prototype !

Votre objectif ? Gagner du temps pour pouvoir tester un maximum de solutions jusqu’à obtenir la plus optimale ! 

Pour cela, votre prototype peut être digital (application, site internet,…), expérientiel services, process…) ou physique (produits, objets…) !

Enfin, il est important de toujours garder votre utilisateur à l’esprit ! Bien que votre solution puisse vous sembler très claire, elle sera peut-être extrêmement compliquée à utiliser ou à expliquer pour votre utilisateur ! Le prototype doit donc être facilement compréhensible et utilisable !

” N’oubliez pas que l’empathie, c’est la base du design Thinking ! ” 

Quelques outils pour vous aider :

Le storyboard :

Il permet de visualiser toutes les actions de l’utilisateur lorsqu’il manipule votre solution. 

Réalisé sous la forme d’une bande dessinée, il permet d’illustrer la manière dont l’utilisateur va interagir avant/pendant/après la solution. Il permet donc de se projeter grâce au storytelling dans l’histoire de votre persona (son problème initial, sa rencontre avec votre solution, son interaction avec celle-ci, et la manière dont la solution va l’aider à résoudre son problème).

Le storyboard va aussi vous servir à identifier les éventuels points de frictions non anticipés que pourraient rencontrer votre utilisateur tout au long de son parcours d’utilisation. Il permet également de poser à plat une vision claire de la manière dont fonctionne la solution d’un bout à l’autre de l’expérience.

Et comme tout le monde n’est pas un artiste, vous pouvez utiliser des outils gratuits comme Creately ou Storyboard That, pour vous aider à réaliser un joli storyboard !
Storyboard réalisé par nos alumnis lors d’une de nos formations E-bootcamp.
Le wireframe papier

Dans le cas d’une solution digitale, vous pouvez opter pour les wireframes.

Simple et peu coûteux, vous avez simplement besoin d’un papier et d’un crayon (et d’une idée à prototyper bien sûr). Il s’agit de maquettes basse fidélité de l’interface de l’application ou du site internet que l’on souhaite développer pour notre solution. Le but est de représenter un à un les différents écrans que vous voulez concevoir pour utiliser votre solution de manière efficace. 

Et pour vous aider, nous vous proposons des modèles à remplir facilement dans notre ressourcerie. 

Un exemple de wireframe papier téléchargeable sur notre site !
Le Wireframe Digital

La version en ligne de votre wireframe papier ! Maintenant que vous avez identifié les différentes étapes, il est temps de les tester ! Pour cela, vous allez réaliser un prototype fonctionnel de votre site internet ou de votre application avec des outils tels que MarvelBalsamiq ou encore Figma. Pour cela vous devez relier en eux, les différents écrans que vous avez créés à l’aide de zones cliquables par exemple. 

 L’objectif est de faire tester la solution par vos utilisateurs en conditions réelles et collecter leurs retours.

Prototype design thinking
Prototype réalisé par nos alumnis lors du E-bootcamp Classique 16.

Et voilà, vous avez toutes les clés en main pour réaliser un prototype efficace ! Il ne vous reste plus qu’à tester votre solution avec vos utilisateurs ! Mais ça, c’est le sujet d’un autre article !

Et n’oublie pas si tu n’as pas honte de ton prototype, c’est que ce n’es pas un prototype …!

Alors, on vous souhaite un bon prototypage et à bientôt !

Nos formations

Découvrir
nos formations !

Leave a Reply