Prototype
Version interactive d'une maquette permettant de tester les parcours utilisateurs.
Un prototype est une version interactive d'un mockup qui permet de simuler l'expérience utilisateur : navigation entre pages, interactions, animations. Il sert à tester et valider les parcours avant le développement.
Quel niveau de fidélité choisir
Un prototype basse fidélité, cliquable sur des écrans gris, suffit pour valider un enchaînement d’étapes et coûte quelques heures. La haute fidélité, avec animations et états réels, sert à tester la compréhension fine et la confiance perçue, notamment sur un tunnel de paiement. Choisissez le niveau minimal qui répond à la question posée, pas le plus impressionnant.
Comment tester avec des utilisateurs
Cinq à huit participants du bon profil font remonter l’essentiel des blocages majeurs. Donnez une tâche concrète, par exemple commander un article en moins de trois minutes, puis taisez-vous et observez. Notez les hésitations, les retours en arrière et les questions posées à voix haute : ce sont vos futurs points de friction en production.
Les erreurs fréquentes
Prototyper uniquement le chemin idéal, sans erreur de paiement, sans stock épuisé, sans champ mal rempli. Guider le testeur au lieu de le laisser se perdre, ce qui fausse tout. Et transformer le prototype en spécification implicite : sans documentation des règles et des états, l’équipe technique redécide seule ce qui n’a pas été écrit. Documentez chaque règle métier au fil des sessions, tant qu’elle est fraîche.
Exemple concret
Une boutique teste un tunnel en trois étapes auprès de six utilisateurs. Quatre bloquent sur le champ code promo, jugé obligatoire. Correction avant développement : environ 3 jours de développement évités et un tunnel dont l’abandon à l’étape 2 recule de 41 à 33 pour cent au lancement.
Termes associés
Wireframe
Maquette fil de fer. Esquisse simplifiée montrant la structure d'une page web.
Mockup
Maquette visuelle. Représentation haute-fidélité du design final d'une page.
User Flow
Parcours utilisateur. Chemin suivi par un utilisateur pour accomplir une tâche.
Responsive Design
Design adaptatif s'adaptant automatiquement à toutes les tailles d'écran.
TTFB
Time To First Byte. Temps entre la requête du navigateur et la réception du premier octet du serveur.
UI
User Interface. Éléments visuels et interactifs avec lesquels l'utilisateur interagit.
Prototype en pratique : UX & Design
Pour aller au-delà de la définition, découvrez notre service d'optimisation UX.