Wireframe
05/11/2020

Wireframe

Le wireframe est une maquette de base qui représente d’une manière simplifiée et basique les idées de conception d’une interface utilisateur.

C’est quoi ?

Le wireframe est une maquette sans couche graphique (le squelette / la structure) d’une interface utilisateur.

A quoi ça sert ?

Le wireframe sert à constituer une vision globale sur l’architecture d’une interface, y compris les éléments à mettre en place (images, textes, vidéos), leur l’emplacement et le contenu à placer dans chaque zone.

A quel moment faut-il le faire ?

Le wireframe est élaboré en amont de la phase de conception d’un site web ou d’une application mobile et avant la conception du prototype.

Pourquoi faut-il le faire ?

  • Évaluer plus rapidement plusieurs hypothèses concernant la mise en page, la pertinence des fonctionnalités et l’agencement des éléments.
  • partager des propositions de conception entre les membres de l’équipe et favoriser la génération d’idées créatives.
  • Donner suite à la conception de prototypes plus fidèles aux attentes de l’utilisateur final.

Comment ça se fait ?

Puisqu’il s’agit d’une schématisation graphique et  ergonomique, le wireframe peut être réalisé manuellement avec un crayon et du papier, ou en utilisant un logiciel dédié, à l’instar de Figma ou sketch.

 

Le wireframe consiste à découper l’interface en différents blocs et à répartir le contenu sur ces zones, selon une sémantique bien déterminée : une zone pour l’appel à l’action, une autre pour les réseaux sociaux, une autre pour les témoignages des partenaires, etc.

 

Au cours de conception des wireframes, il faut tenir compte de l’aspect de responsivité et prévoir différentes maquettes pour différentes tailles d’écran.

Livrable

Vous envisagez de créer des wireframes pour votre projet de refonte ou de conception de site web ? Notre équipe met à votre disposition son expertise pour créer des maquettes personnalisées selon vos besoins. 

 

Le wireframe permet de préparer la structure de base d’une interface, qui sera concrétisée et enrichie par un design ergonomique et sera plus interactive lors de la phase de prototypage.

Un projet ?

Vous avez besoin d'un accompagnement personnalisé pour le réaliser ?
0 articles | 0
Commander
Prix TTC et livraison offerte