L'auteur·e
Avatar

Créer un mockup très facilement : wireframe.cc

Je suis … Woaw.

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.

Wikipédia

Les mock-up, bien connus des webdesigners et des intégrateurs, sont en général réalisés avec des logiciels payants, tels que Balsamiq, ou sont réalisés à la main. Chaque méthode, au crayon ou au numérique, a ses propres atouts (le crayon a plus de libertés dans les formes, le numérique est souvent plus simple, lisible et rapide à faire). Cependant je n’avais jusque là pas trouvé de générateur de mock-up suffisamment intuitif et fluide pour que je l’utilise régulièrement.

ss (2013-05-23 at 09.15.19)

Et puis j’ai trouvé wireframe.cc.

En plus de proposer une interface épurée, le générateur est complet (ou dû moins, les outils que l’on attend sont là. Les mockups doivent rester le plus simple possible pour qu’ils soient réellement efficaces). Mais la vraie bonne nouvelle, c’est qu’il possède un système de partages (annotations) et … qu’il est gratuit !

ss (2013-05-23 at 09.18.49)

Système des annotations

 

http://wireframe.cc permet aussi de créer des mockups pour tablettes et smartphones. Bref, un vrai petit bijoux à mettre dans ses favoris !

Aewni