Différences entre zoning, storyboard, wireframe, prototype

10 juin 2014

On entend souvent parler de livrables en conception avec des noms parfois barbares, on vous explique (ou vous rappelle) la différence entre ces différents éléments : zoning, storyboard, wireframe, prototype


zoning
 

Zoning

Découper l’interface en types de zones de contenu afin d’établir les premiers niveaux de lecture.

 

 


 

storyboard

Storyboard

Représentation synthétique bien souvent sous forme de zoning en mettant en relation les enchaînements entre chaque écrans, définis lors des parcours utilisateurs

 


 

wireframeWireframe

Une fois le zoning validé, on intègre le contenu, l’ergonomie et fonctionnalité dans les maquettes fonctionnelles afin de proposer l’expérience utilisateur la plus adaptée aux objectifs.

 


 

prototype

Prototype

Pages fonctionnelles cliquables, interactives (souvent intégré en HTML, ou via des logiciels spécifiques type Axure) servant régulièrement aux tests utilisateurs.