Wireframe
Un wireframe montre la structure d’une page ou d’un écran. Il aide à discuter de la disposition sans démontrer un parcours interactif complet.
Un wireframe est une représentation simplifiée de la structure d’une page ou d’un écran. Il peut montrer l’emplacement de la navigation, des contenus et des commandes ainsi que les informations à mettre en avant. Le détail visuel peut rester volontairement limité.
Ce que permet le schéma
Dans un portail client hypothétique, un wireframe place la recherche documentaire au-dessus de la liste des résultats. La répartition prévue des informations peut ainsi être discutée avant la conception des détails.
Le dessin seul ne montre ni la réaction de la recherche ni la destination d’un lien. Des descriptions, un parcours ou un prototype interactif sont nécessaires. Un wireframe n’est pas non plus une spécification technique pour chaque taille d’écran ni une preuve de compréhension de l’interface.
Sources
Termes associés
- Interface utilisateurL’interface utilisateur permet d’interagir avec un système. Libellés, retours et réactions aux actions comptent autant que la présentation visuelle.
- PrototypeUn prototype permet d’examiner une conception à partir d’une question précise. Sa forme et son périmètre dépendent de l’incertitude à lever.
- Prototype interactifUn prototype interactif réagit à certaines actions. Il permet d’essayer un parcours sans forcément reproduire les traitements réels en arrière-plan.
- Ordre du focusL’ordre du focus définit le parcours des éléments pouvant recevoir le focus. Il doit préserver le sens et l’utilisation lors des changements dynamiques.
- Piège au clavierUn piège au clavier bloque la navigation dans une zone. Un confinement volontaire du focus dans une boîte de dialogue doit prévoir une sortie utilisable.
- Lien d’évitementUn lien d’évitement mène au contenu principal en évitant les blocs de navigation répétés. La navigation au clavier doit ensuite continuer au bon endroit.
Articles sur le sujet
Design & UX avec ASES
Expérience utilisateur, interfaces et image de marque