Maquettes fonctionnelles
La maquette fonctionnelle (parfois appelée zoning, storyboard, wireframe ou encore ergo layout) schématise une interface multimedia avant toute création graphique. Ce document de conception définit l’importance visuelle de chaque élément tels que les menus, les textes, l’iconographie et les boutons. Il est assorti de textes optimisés pour le SEO ainsi que de spécifications décrivant un parcours-utilisateur type.
Agencer l’interface
Toute interface multimedia comprend des zones chaudes et des zones froides. La maquette fonctionnelle définit l’emplacement des informations sur l’interface en fonction de leur degré de priorité. La façon de disposer les éléments varie selon :
- le support (page web, borne interactive tactile, téléphone mobile…)
- les objectifs du commanditaire
- la pertinence et le confort d’accès pour l’utilisateur final
Ce zoning s’applique aux divers formats de contenus (ou templates) à produire : page d’accueil, page intérieure, formulaire de contact… Il s’adresse s’adresse :
- au commanditaire, qui valide le principe de navigation
- aux graphistes, chargés d’esthétiser de sublimer le tout
- aux développeurs, qui auront à traduire les diverses interactions en langage de programmation
- éventuellement à des « alpha-testeurs », qui pourront donner une première impression
Décrire les modalités d’interaction
Boutons d’action, menu, fil d’ariane… La maquette fonctionnelle s’appuie sur un scénario de navigation pour mettre en évidence les changements d’état de l’interface. Elle garantit ainsi la présence des feedbacks appropriés en cas d’erreur de manipulation de l’utilisateur.
L’élaboration de ce livrable fait notamment appel aux théories d’ergonomie web, d’utilisabilité.
Éprouver avec des tests utilisateurs
Ce qui est évident pour un concepteur web (souvent un internaute averti) ne l’est pas forcément pour l’utilisateur final (potentiellement votre mémé). Par ailleurs, plus elle est décelée tôt, moins une erreur de conception coûte cher à corriger. Mieux vaut donc recueillir les retours d’utilisateurs dès la phase de prototypage d’un site internet. En confrontant les ébauches de pages web à un échantillon (même très réduit) d’internautes, vous vous assurez un site centré sur leurs besoins donc plus efficace.
Briefez-moi !
Une page web à améliorer au niveau fonctionnel ? Demandez un devis gratuit !