Zoning

Le zoning est plus grossier. Il pose les grandes zones et leur position relative, sans entrer dans le détail. Le wireframe précise les composants, les libellés et la hiérarchie des textes. Le zoning se fait avant, pour valider la structure d'une page avant d'investir dans le détail.

Pour ne pas s'enfermer trop tôt dans des décisions de détail. Le zoning permet de comparer rapidement plusieurs organisations d'une même page, contenu secondaire à gauche ou à droite, pleine largeur ou colonne, et de les soumettre à des parties prenantes sans produire de wireframes complets. C'est une étape légère qui évite d'avoir à refaire plusieurs maquettes parce que la structure de base posait problème.

Le papier et le crayon d'abord. Ils vont plus vite, se jettent sans regret et conviennent aux ateliers comme à la production de plusieurs pistes en parallèle. Un tableau blanc numérique prend le relais dès que le zoning doit circuler, s'annoter ou se conserver. L'important est que les zones soient clairement délimitées et leur contenu identifiable, un rectangle portant la mention « navigation principale » suffit. Inutile de sortir un outil de maquettage complet.

Le zoning convient à toute interface, borne tactile, tableau de bord de véhicule, cockpit, tablette, application ou site. Sur mobile, il est même particulièrement utile, la contrainte d'espace obligeant à trancher plus tôt ce qui apparaît sans faire défiler et ce qui vient ensuite. Des gabarits aux différents formats existent pour mener ces exercices avec des utilisateurs.