Mon Agora – Blog La parole est à moi
DIFFÉRENCE ENTRE MOCKUP ET WIREFRAME
Dans le design d’application, que ce soit IOS ou Android, et même dans la construction de logiciels, on parle souvent de Mockup et Wireframe.
C’est quoi la différence entre ces deux termes?
Mockup et Wireframe Selon Wikipedia:
En informatique, le terme mock-up (qui vient du même mot anglais qui signifie une maquette à l’échelle 1:1) désigne un prototype d’interface utilisateur. Un mock-up a ainsi pour rôle de présenter les idées sur l’utilisation d’un logiciel.
Wireframe:
schéma définissant le contenu d’une interface.
Wireframe serait dont selon moi, la présentation d’une maquette seulement de l’interface d’un projet, contrairement au Mockup qui est une présentation plus avancée qui va montrer les interactions.
Dans le design d’un projet, disons la construction d’une application iPhone. Le wireframe est un dessin qui va montrer l’interface utilisateur de l’application (UI design). Le Mockup va présenter aussi l »intérieur, les différentes interactions. les touches à effectuer et leurs effets.
Voir l’explication en anglais plus bas que je reblogue d’un autre site.
Rebloged from Yisela
A wireframe is about functionality. It can be a really simple sketch that demonstrates what sort of things you can do in your design. For example, a wireframe of a website will show the navigation, the main buttons, the columns, the placing of different elements. You can think of it as a bluprint for a website.
A mockup is a realistic representation of what the product will look like, in this case a website. The final result can look exactly like the mockup, or be a variation of it after version revisions. While some people prefer to draw the mockups using graphic software, others do it straight in HTML/CSS.
