Le zoning est un schéma simple qui découpe une page web en grandes zones : en-tête, menu, contenu principal, encarts, pied de page. Il fixe l’emplacement et l’importance de chaque bloc, sans aucun graphisme.
À quoi ça sert
Le zoning permet de se mettre d’accord sur l’organisation d’une page avant d’investir du temps dans le design. Déplacer un rectangle sur un schéma ne coûte rien. Revoir une maquette terminée coûte beaucoup plus.
Il oblige aussi à hiérarchiser : quelle information doit être vue en premier, quel bouton doit ressortir, ce qui peut descendre plus bas dans la page. C’est une étape de travail sur l’ergonomie.
Où il se place dans un projet
- L’arborescence définit les pages du site et leurs liens.
- Le zoning organise chaque type de page en grandes zones.
- Le wireframe précise le contenu de chaque zone : titres, champs, boutons.
- La maquette applique la charte graphique et donne l’aspect final.
Sur un petit projet, zoning et wireframe sont souvent réunis en une seule étape.
En pratique
Un zoning se dessine sur papier ou dans un outil de maquettage. Il doit être prévu pour plusieurs tailles d’écran, car l’ordre des blocs change souvent entre un ordinateur et un téléphone.
Nous réalisons un zoning pour chaque type de page important d’un site, et pour les écrans principaux des outils métier que nous développons. Nous le validons avec le client avant de passer au design.