Un prototype est une version préliminaire d’un produit qui vous permet d’explorer vos idées et de montrer l’intention derrière une fonctionnalité ou le concept de conception global aux utilisateurs avant d’investir du temps et de l’argent dans le développement. Un prototype peut être n’importe quoi, des dessins sur papier (basse fidélité) à quelque chose qui permet de cliquer sur quelques éléments de contenu pour un site pleinement fonctionnel (haute fidélité).
Avantages des prototypes
Il est beaucoup moins coûteux de changer un produit au début du processus de développement que d’apporter des modifications après le développement du site. Par conséquent, vous devriez envisager de construire des prototypes au début du processus. Le prototypage vous permet de recueillir les commentaires des utilisateurs pendant que vous planifiez et concevez votre site Web.
Nielsen 
a constaté que les plus grandes améliorations de l’expérience utilisateur proviennent de la collecte des données d’utilisabilité le plus tôt possible. Il note qu’il est moins coûteux d’apporter des modifications avant l’écriture d’un code que d’attendre la fin de l’implémentation.
La différence entre les croquis et les prototypes
Bien que la différence entre les croquis, les trames filaires et les prototypes ne soit pas toujours claire, il existe des différences dans leurs intentions. Bill Buxton, dans son livre Sketching User Experiences, fournit une liste de descripteurs qui aident à expliquer les différences:
| Croquis | Prototype |
|---|---|
| Évocateur | Didactique |
| Suggérer | Décrire |
| Explorer | Affiner |
| Question | Réponse |
| Proposer | Test |
| Provoquer | Résoudre |
| Provisoire | Spécifique |
| Représentation sans engagement |
Tracy Lepore définit en outre les différences par montrer le continuum de l’esquisse à la conception en décrivant les relations entre ce que la conception essaie de communiquer, la quantité d’itération entre les phases et la fidélité de la conception.
Prototypage haute fidélité et Basse fidélité
Il y a un débat en cours sur l’utilisation du prototypage basse ou haute fidélité et sur la façon dont un prototype devrait ressembler à la version finale de votre conception. Les deux ont été jugés fondamentalement équivalents pour trouver des problèmes d’utilisabilité (Walker et al 2002). Cela dit, il y a des choses à considérer lorsque vous essayez de décider quelle option convient le mieux à votre projet:
- Les prototypes basse fidélité sont souvent sur papier et ne permettent pas d’interactions entre les utilisateurs. Ils vont d’une série de maquettes dessinées à la main aux impressions. En théorie, les croquis de basse fidélité sont plus rapides à créer. Les prototypes basse fidélité sont utiles pour permettre une visualisation précoce de solutions de conception alternatives, ce qui contribue à provoquer l’innovation et l’amélioration. Un avantage supplémentaire de cette approche est que lors de l’utilisation de croquis approximatifs, les utilisateurs peuvent se sentir plus à l’aise de suggérer des changements.
- Les prototypes haute fidélité sont basés sur ordinateur et permettent généralement des interactions utilisateur réalistes (souris-clavier). Les prototypes haute fidélité vous emmènent au plus près d’une représentation fidèle de l’interface utilisateur. On suppose que les prototypes haute fidélité sont beaucoup plus efficaces pour recueillir de vraies données sur la performance humaine (par exemple, le temps nécessaire pour terminer une tâche) et pour démontrer des produits réels aux clients, à la direction et à d’autres personnes.
Création de prototypes papier
Le prototypage sur papier est le moyen le plus rapide d’obtenir des commentaires sur l’architecture, la conception et le contenu préliminaires de votre site. Les prototypes en papier sont faciles à créer et ne nécessitent que du papier, des ciseaux et des notes autocollantes.
Utilisez une feuille de papier pour chaque page Web que vous créez, puis demandez aux utilisateurs de les essayer lors d’un test d’utilisabilité. Les utilisateurs indiquent où ils veulent cliquer pour trouver les informations et vous modifiez la page pour afficher cet écran.
Le processus vous aide à recueillir des commentaires au début du processus de conception, à apporter des modifications rapidement et à améliorer vos conceptions initiales.
- Une Étude de cas sur la Façon dont Les Croquis d’interface, les Scénarios et les Prototypes Informatiques Structurent les Réunions des parties prenantes par Johanson et Arvola
- M. Walker, L. Takayama et J.A. Landay, Haute ou basse fidélité, papier ou ordinateur? Choosing attributes when testing web prototypes, Proceedings of the Human Factors and Ergonomics Society 46th Annual Meeting, 29 septembre – 4 octobre 2002, Baltimore, États-Unis, HFES, Santa Monica (2002), pp. 661-665.
- Les Prototypes Papier Fonctionnent aussi bien que les Prototypes Logiciels
