SEMAINE 6

Prototype
Le but de cette partie est de vous inspirer pour matérialiser
rapidement vos idées. Vous les rendrez plus tangibles pour les
partager et obtenir des retours.
 ««
L’innovation consiste en
grande partie à agir
rapidement et à essayer
beaucoup de choses.
Mark Zuckerberg

2
 Prototype

QU’EST-CE QU’UN PROTOTYPE ?

Prototyper une solution, c’est la rendre tangible aux yeux des autres : c’est la
concrétisation de cette solution.

Prototyper une solution révèle des opportunités et des complexités qu’on n’aurait
jamais pu deviner à l’étape de l’idéation. Fabriquer est aussi un moyen idéal pour
réfléchir ; cela nous aide à nous concentrer sur la faisabilité de nos concepts. Il n’est
pas nécessaire d’attacher une grande importance esthétique au prototype : c’est la
version zéro de votre solution.

Le prototype doit permettre aux utilisateurs de comprendre son utilité et répondre aux
problèmes initiaux.

Les différentes types de prototypes:

Digital Expérientiel Physique

3
 Prototype

LES OUTILS POUR PROTOTYPER

Le storyboard
Le storyboard est un outil pratique permettant de visualiser l’ensemble d’un scénario
utilisateur du début à la fin, à la manière d’une bande dessinée. Il est utile pour
connaître les éventuelles failles présentes dans la solution que vous avez développée.

À vous de jouer
Page 5

Les wireframes
Le wireframe (ou “maquette fonctionnelle”) est un schéma fréquemment utilisé lors de la
conception d’une interface d’application, de site internet ou de solutions digitales. Cela
permet de définir les éléments principaux de l’interface : les zones, les composants,
la disposition des images et des textes…Pour prototyper des interfaces digitales, voici
quelques outils : Marvelapp, Invision, Balsamiq.

À vous de jouer
Page 7

Tout est bon à prendre !

Absolument tous matériaux, tous supports … peuvent servir pour réaliser un prototype.
Si la solution est un élément physique alors vous pouvez utiliser du bois, du carton
ou du tissu. Le prototype ne doit pas demander un investissement considérable donc
si l’objet final doit être en chêne massif, pour le prototype, on peut se contenter de
polystyrène. Pour vos prototypes physiques, n’hésitez pas à aller vous renseigner
auprès des Fablabs de votre ville.

4
 À vous de jouer

LE STORYBOARD
Imprimez-le ou reproduisez-le en grand sur une feuille.
Dessinez dans l’ordre chacune des étapes importantes du
scénario d’utilisation de votre solution, exactement comme
une bande dessinée, avec en plus une petite phrase
descriptive de votre dessin.
Essayez de n’oublier aucune des étapes : avant, pendant et
après l’expérience. Même une étape qui pourrait vous paraître
futile doit être représentée.

STORYBOARD

……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
………………………………………… …………………………………………

……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
………………………………………… …………………………………………

……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
………………………………………… …………………………………………

5
STORYBOARD

……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
………………………………………… …………………………………………

……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
………………………………………… …………………………………………

……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
……………………………………………… ………………………………………………
………………………………………… …………………………………………
 À vous de jouer

LES WIREFRAMES
Imprimez-les ou reproduisez des rectangles de la forme de votre
support digital (ordinateur, téléphone) sur une feuille. Dessinez
dans l’ordre d’interaction chaque écran que va rencontrer votre
utilisateur. Chaque interaction, chaque évolution sur l’écran entre
deux action doit être dessinée (ouverture d’un menu déroulant,
apparition d’une image au clic sur un bouton).

WIREFRAME - ORDINATEUR

WIREFRAME - MOBILE

7
WIREFRAME - ORDINATEUR
WIREFRAME - ORDINATEUR
WIREFRAME - MOBILE
WIREFRAME - MOBILE
 Notes
.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

................................................................................................................................................................................................................ ....

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

............................................................................................................................................................................................................ ........

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

.....................................................................................................................................................................................................................

....................................................................................................................................................................................................................

....................................................................................................................................................................................................................

12
 Le petit mot
de Dalila

Feuilles, cartons, wireframes, gommettes… autant de moyens de faire un

prototype. Cette étape a pu vous paraître un peu longue mais elle permet
en réalité d’économiser du temps et de l’argent !

Eh oui, si vous lancez en chaîne de production votre dernier produit

high-tech mais que personne ne l’achète une fois mis en rayon pour une
raison ou une autre (peu ergonomique, non adapté aux besoins…), vous
aurez perdu : du temps - car passer un produit de l’idée à la chaîne de
montage est long, et beaucoup d’argent - ingénieur, production, logistique,
marketing...

Le prototype permet avant tout d’avoir une version du produit/du service

testable pour aller à la rencontre de l’utilisateur/du consommateur pour
avoir son avis.

Et n’oubliez pas : un prototype c’est comme une blague. Si vous devez

l’expliquer, c’est que ce n’est pas bon !

Dalila MADINE
Fondatrice de la French Future Academy

13
 Tous droits réservés - 2019 ©
Aucune partie de document ne peut être partagée, diffusée,
reproduite ni utilisée à un usage commercial.