Lexique · design
Prototype
Aussi appelé : maquette cliquable, prototype interactif, wireframe interactif.
Maquette cliquable simulant l'apparence et le parcours d'une interface, utilisée pour valider l'expérience utilisateur sans écrire de code de production.
Un prototype est une représentation visuelle et interactive d'une interface (mobile, web, logiciel) sans la logique métier ni le back-end derrière. Construit avec des outils comme Figma, Sketch ou Adobe XD, il permet à un utilisateur de cliquer, naviguer, simuler des actions — comme si le produit existait.
Le prototype sert à valider l'expérience utilisateur avant de coder. C'est l'occasion de tester l'ergonomie, le parcours, la hiérarchie de l'information, et d'identifier les frictions avant qu'elles ne coûtent cher en développement. Le coût d'un changement à ce stade se compte en heures de design ; après le code, en jours ou semaines.
Le prototype se distingue du POC (qui prouve la faisabilité technique, sans interface utile) et du MVP (qui est un vrai produit livré, même minimal). Ces trois approches répondent à trois questions différentes : *peut-on le faire ?* (POC), *est-ce que ça plaît ?* (prototype), *est-ce que ça se vend ?* (MVP).
Notre prestation
Direction technique : CTPO, CTO temps partagé, cadrage projet
On porte la fonction CTO / CTPO à vos côtés, le temps qu'il faut — cadrage de projet, recrutement, arbitrages d'architecture.
Pour aller plus loin
MVP, POC, prototype : comment lancer votre projet digital sans vous ruiner
Le piège du "on construit tout d'un coup" Vous avez une idée de produit digital. Une application mobile, une plateforme SaaS, un outil innovant pour votre secteur. Excité par le potentiel, vous consultez des prestataires. Et là, douche froide : "Comptez entre 80 000 € et 150 000 € pour la version complète. Délai : 8 à 12 mois." Panique. Vous n'avez pas ce budget. Ou alors, vous l'avez mais l'idée de tout miser sur une idée non validée par le marché vous empêche de dormir. Et si les utilisateur
Questions fréquentes
Quelle est la différence entre une maquette et un prototype ?
Une maquette (ou mockup) est une représentation statique d'un écran : elle montre à quoi ressemblera l'interface, mais on ne peut pas interagir avec. Un prototype va plus loin : il rend la maquette cliquable et navigable, de sorte qu'un utilisateur peut suivre un parcours d'un écran à l'autre comme si le produit existait. La maquette répond à « à quoi ça ressemble ? », le prototype à « comment ça se manipule ? ».
Avec quels outils crée-t-on un prototype ?
Figma est aujourd'hui l'outil de référence, suivi de Sketch et d'Adobe XD. Ces logiciels permettent de dessiner les écrans puis de relier les éléments entre eux pour simuler la navigation, sans écrire une seule ligne de code. Pour des besoins très simples, un enchaînement de captures cliquables suffit ; pour des animations et micro-interactions plus poussées, on s'oriente vers des outils spécialisés comme ProtoPie ou Principle.
Combien coûte un prototype et combien de temps faut-il pour le réaliser ?
Pour un parcours utilisateur ciblé, comptez généralement de quelques jours à deux semaines de travail de design, soit un budget de l'ordre de 2 000 € à 10 000 € selon le nombre d'écrans et le niveau de finition. C'est un investissement modeste au regard de ce qu'il évite : corriger une erreur d'ergonomie sur un prototype coûte des heures de design ; la corriger une fois le produit développé coûte des jours, voire des semaines.
Un prototype peut-il être réutilisé pour le développement ?
Le prototype lui-même n'est pas du code : il ne se transforme pas en produit. En revanche, c'est une base de travail précieuse pour les développeurs, qui s'en servent comme référence visuelle et comportementale. Les outils modernes comme Figma exportent d'ailleurs les espacements, couleurs et composants, ce qui fluidifie le passage du design au développement sans repartir de zéro.