Zoning

Le zoning est une étape de conception qui consiste à représenter une page ou un écran sous forme de blocs simples (sans détail graphique) pour définir l'emplacement et la hiérarchie des grandes zones de contenu : en-tête, navigation, contenu principal, contenu secondaire, pied de page. C'est une étape intermédiaire entre l'architecture de l'information (quels contenus existent) et le wireframe (comment ces contenus sont représentés en détail).

Le zoning est plus macro : il définit les grandes zones et leur positionnement relatif, sans entrer dans le détail des composants. Le wireframe est plus précis : il représente les composants spécifiques, les libellés, les niveaux de hiérarchie des textes et la disposition détaillée des éléments. On fait le zoning avant le wireframe pour valider la structure globale d'une page avant d'investir dans les détails.

Pour ne pas s'enfermer trop tôt dans des décisions de détail. Le zoning permet de tester rapidement différentes organisations d'une page (sidebar à gauche ou à droite, contenu principal en pleine largeur ou à côté d'un contenu secondaire) et de les valider avec des parties prenantes sans avoir à produire des wireframes complets. C'est une étape légère qui évite de refaire plusieurs maquettes parce que la structure de base posait problème.

Papier et crayon pour les zonings rapides en atelier. Figma, FigJam ou Balsamiq pour des zonings numériques partageables. Le zoning n'a pas besoin d'être propre : l'important est que les zones soient clairement délimitées et leur contenu identifiable (un rectangle avec « navigation principale » à l'intérieur suffit). L'outil doit faciliter les modifications rapides, pas produire un beau document.

Oui, et il est particulièrement utile pour décider ce qui apparaît au-dessus de la ligne de flottaison sur mobile (la zone visible sans scroll) et ce qui est accessible en scrollant. Sur mobile, la contrainte d'espace force des choix éditoriaux plus tranchés qu'en desktop : le zoning aide à prioriser les contenus critiques avant de se perdre dans les détails de mise en page.