Loading...

Wireframes et prototypes

L’arborescence permet de définir les différents gabarits à charter pour anticiper toutes les configurations d’écrans. Ces gabarits correspondent à des maquettes d’ergonomie, également appelées wireframes.

Design studio

Méthodologie

Les wireframes consistent en des maquettes filaires en niveaux de gris permettant de fixer le positionnement des contenus et de visualiser le fonctionnement de la navigation. Ces maquettes ne comportent pas de graphisme pour se concentrer uniquement sur l’aspect fonctionnel du site et son contenu. Elles offrent cependant un aperçu précis de ce que donnera l’interface grâce au report de tous les intitulés présents dans l’arborescence, à l’utilisation de texte de remplissage et à la présence d’un certain degré de détail.   Il est également possible de réaliser un prototype cliquable à partir des wireframes pour offrir un aperçu précis de la scénarisation de l’interface.

Livrable

La livraison de ces wireframes se fait par étapes. Chaque écran est livré au format JPEG ou PDF pour validation. Les propositions ne sont pas figées et évoluent au fil des échanges avec le client avant une validation définitive. Le premier écran charté est celui de la page d’accueil. C’est une fois ce premier écran validé que la formalisation des écrans suivants peut être entreprise. Les écrans au format PDF et JPEG permettent une bonne visualisation du fonctionnement de l’interface. Grâce à eux, le développement d’une partie des fonctionnalités de l’interface peut commencer, en parallèle de la phase graphique.

 

Vous avez un projet ?

Si vous souhaitez en savoir plus sur ce type de prestation ou échanger sur votre projet, n’hésitez pas à me contacter !

 

Quelques références client