Niveaux de définition

Lors de la réalisation de maquettes ou prototype, on parle de niveau de définition.

Plus la maquette apporte de détail sur la structure, l’aspect graphique, les interactions, plus on considère sa définition comme haute : elle définit en effet de nombreux choix relatifs au projet.

À contrario, une maquette telle qu’un simple croquis rapidement exécuté aura davantage une faible définition (ne précisant pas ou peu la structure, les choix graphiques, les interactions), et moins le croquis sera précis, plus la définition sera considérée comme faible.

types de maquette

croquis

../../../_images/croquis.png

Le croquis défini en définitive plus un moyen, un croquis effectué au crayon sur un support en papier, qu’un type de maquette.

Ainsi, le croquis peut absolument être celui d’une maquette filaire.

Le croquis permet de valider rapidement la structure générale avant de passer à un document numérique.

../../../_images/ulysses-voelker__structuring-design__step-5.jpg

Illustration tirée de Voelker, U., 2019. Structuring Design: Graphic Grids In Theory And Practice. Niggli Verlag, Arthur.

maquette filaire

../../../_images/maquette-filaire.png

La maquette filaire définit la représentation de la structure d’un document sous forme de simples zones texte et de rectangles. On ne cherche pas à poser le détail, la direction artistique, etc.

Cette maquette peut être effectuée sous forme de croquis ou de document numérique.

La maquette filaire permet de poser la structure du document et de la valider auprès du commanditaire.

Note

C’est aussi pour cela qu’on évite d’indiquer les choix graphiques : si l’on veut faire valider la structure au commanditaire, on ne souhaite pas que celui comment à discuter de choix graphique. On s’assure don d’écarter ceux-ci autant que possible de la maquette filaire.

maquette graphique

../../../_images/maquette-graphique.png

Cette maquette reprend le travail de la maquette filaire, et y ajoute simplement l’aspect graphique. On attaque pas la maquette graphique avant d’avoir bien avancé voire validé la maquette filaire. (Ce qui n’empêche pas de faire en parallèle de la recherche graphique)

prototype fonctionnel

Le prototype fonctionnel désigne une maquette permettant d’effectuer certaines actions comme naviguer, la rapprochant d’autant du produit réel.

Ce prototype peut être basé sur la maquette filaire ou la maquette graphique, selon le besoin.

S’il s’agit de valider la structure, nul besoin de l’aspect graphique. S’il s’agit de valider aussi l’aspect graphique et que la maquette graphique est faites, le prototype fonctionnel peut aussi l’intégrer.

zoning

Note

Un dernier type de maquette, entre la croquis et la maquette filaire, est appelé zoning : il définit sous forme de rectangles les différentes zones du document.

Résumé

../../../_images/definition.svg

Représentation plus ou moins arbitraire du degré de définition de chaque type de maquette

résumé

choix structurels

choix d’interactions

choix graphiques

croquis

ébauche [1]

éventuelles
indications simples [2]
réduits à la
hiérarchie visuelle [3]

maquette filaire

clairement
indiqués [4]
éventuelles
indications simples [5]
réduits à la
hiérarchie visuelle [6]

maquette graphique

hérités de la
maquette filaire [7]
éventuelles
indications simples [8]
clairement indiqués [9]

prototype fonctionnel

hérités de la
maquette filaire [10]
degré de présence
selon prototype [11]

selon le prototype [12]