Quelle est la différence entre un wireframe et une maquette ?

Wireframe et mockup sont différentes étapes de la conception visuelle de l’interface:

• Wireframe est une représentation schématique et simplifiée de la structure d’une page ou d’un écran. Il montre la disposition des éléments principaux, leurs relations et les blocs fonctionnels sans détailler le design. Le wireframe aide à rapidement convenir de la logique et de la structure.

• Mockup est une image plus détaillée et visuellement proche du design final. Dans le mockup, on prend en compte les couleurs, les polices, les icônes et d’autres éléments de style. C’est une étape intermédiaire entre le wireframe et le prototype.

Exemple : on crée d’abord un wireframe pour déterminer où seront le menu, les boutons et le contenu, puis on réalise un mockup pour montrer à quoi cela ressemblera du point de vue du design.