Réaliser des zonings et des wireframes

Réaliser des zonings et des wireframes Réaliser des zonings et des wireframes

La réalisation des wireframes et des zonings est une étape cruciale dans la création de votre site Internet. Architecture de votre future page web, test sur l'interface utilisateur, structuration des éléments graphiques et des contenus...  Zonings et wireframes sont des schémas que nos chefs de projet ne font pas à main levée.

Que sont les zonings et les wireframes d’un site web ?

 

Zoning, wireframe, maquette et prototype sont des termes que nous rencontrons de plus en plus souvent dans l’environnement web. En voici une définition.

 

   1. Les zonings

Le zoning est un découpage d’une page web schématisée par des blocs ou des boîtes. Il permet d’identifier les différentes zones d’une page web, à savoir

  • ses grandes fonctionnalités
  • ses zones de contenu

 

Au-delà des éléments disponibles sur la page, le zoning permet d’identifier

  • la position
  • la taille
  • le rôle de chacun de ces éléments

 

La création des zonings fonctionnels est prise en charge par le chef de projet, et sert par la suite comme base de travail pour le designer graphiste. Ils permettent de décider de l’organisation générale d’un site web.

 

Exemple de zoning

   

   2.Les wireframes

Le wireframe est la suite logique du zoning. Son plus ? Il indique les contenus disponibles dans chacun des blocs schématisés, et permet de structurer l’interface.

Les wireframes peuvent être réalisés par un ergonome, un designer graphiste ou un développer intégrateur web.

 

Exemple de wireframe

 

Zoning et wireframe, bases d’un premier accord fonctionnel

 

Les zonings et les wireframes, regroupés dans un livrable qui vous est remis pour le suivi de projet, servent généralement de support de discussion quant à l’apparence et aux fonctionnalités de toutes les pages d’une création web.
Selon Jakob Nielsen, expert en ergonomie informatique, le wireframe correspond à un prototype. Il permet en ce sens

  • de faire une simulation du fonctionnement d’une page web selon les objectifs de départ
  • de confronter ainsi les exigences de l’interface utilisateur aux possibilités offertes sur le web
  • et de faire une première estimation du coût et du temps de développement pour la création graphique

 

Les zonings et les wireframes vous permettent ainsi de suivre l’avancée de votre projet web avec nos chefs de projets. Il est en quelques sortes, un « contrat schématisé » de ce que sera votre futur site Internet.

Insitaction

Commentaires

Vous aimerez aussi