Qu’est-ce qu’un mockup ?

27 mai 2013,
par Romy Têtue

Mots-clefs associés à cet article :

Terme polysémique, mockup signifie « maquette », plus précisément, maquette visuelle haute fidélité.

Du verbe anglais mock up (« faire une maquette de »), lui-même issu du français « maquette » par imitation phonétique, le terme « mock-up » signifie littéralement « maquette ». Dès lors, pourquoi ne dites-vous pas « maquette », tout simplement ? Qu’apporte le terme anglais si ce n’est de la confusion ? Notons au passage que son orthographe francisée correcte inclut un tiret, « mock-up », bien qu’il soit souvent omis : « mockup ».

Qu’est-ce donc qu’un « mock-up » ?

En cherchant des exemples sur l’Internet mondial, on se rend vite compte que mockup est très utilisé pour désigner une maquette dont l’aspect visuel est primordial : documents print, flyers, magazines, affiches, logos, packaging, mais aussi mode et accessoires… Ces mockups ont la particularité d’être présentés en contexte, esthétiquement mis en scène, afin de donner un aperçu réaliste du produit final.

Ce n’est pas seulement la maquette d’une affiche, d’un mug ou d’un magazine, mais une photo de la rue où celle-ci serait affichée, de la table en terrasse ou celui-là sera servi, du salon ou cet autre sera lu. Et il existe des gabarits photos détourés et prêts à l’emploi où insérer votre jolie maquette, comme sur mockupworld.co ou mockup.photos.

Parmi les différents types de maquettes possible, le mockup est donc une maquette visuelle haute fidélité, mise en scène, donnant un aperçu le plus réaliste possible de ce que sera le produit final.

wireframe ≠ mockup ≠ proto

Dans le contexte du design numérique, le terme mockup s’emploie soudain à tord et à travers, embrouillant tout, en témoigne le nom même du logiciel « Balsamiq Mockup » qui sert non pas à réaliser des mockups, mais à dessiner des wireframes à l’aspect crayonné… Bullshit ! Encore un anglicisme dont on use dans un semblant d’érudition, pour désigner des choses aussi différentes que la maquette filaire en début de conception ou le livrable graphique final. Gros risque de quiproquos.

Pourtant, transposé au numérique, le mockup est une maquette graphique haute fidélité, présentée dans son terminal de consultation (Mac, iPhone, Samsung…), chose qui ne peut se confondre avec le wireframe, qui désigne une maquette monochrome plus proche du plan, ni avec le prototype, qui désigne une maquette d’interface avec laquelle les internautes peuvent interagir (voir Du zoning au mockup).

En cas de doute, si vous ne savez pas précisément de quoi vous parlez, dites simplement « maquette » plutôt que « mockup ». Et pour éviter la polysémie, déjà remarquée, du mot « maquette », ajoutez un qualificatif : pour vous faire comprendre et éviter les malentendus, précisez « maquette graphique ».

{#TITRE,#URL_ARTICLE,#INTRODUCTION}

Vos commentaires

Répondre à cet article

forum message

Raccourcis : {{gras}} {italique} -liste [bla->url] <q> <quote> <code>.

Qui êtes-vous ? (optionnel)

Suivre les commentaires : RSS 2.0 | Atom