Archive

Archive for the ‘Wireframing’ Category

Petite introduction au wireframing

Designer une Wireframe, ou Maquette conceptuelle ou encore Maquette ergonomique, est un passage obligé de la création d’interface utilisateur. Son but est de spécifier l’interface d’un site d’un point de vue fonctionnel et ergonomique et doit être optimisé pour faciliter son utilisation par vos personas. Il existe différent type de Wireframes, le plus souvent classées en terme de détails et de fidélité. Ainsi une maquette papier ou écran des plus basique sera décrite comme étant de Basse fidélité (Low fidelity). A l’inverse, une maquette présentant de nombreux détails ou intégrant des éléments graphiques sera décrite comme étant de Haute fidélité (High fidelity).

Illustration tirée de la présentation Wireframes for the Wicked de Michael Angeles, Nick Finck & Donna Spencer.

Sources :

Notes & références :

  • Ergonomie Web, Pour des sites web efficaces, par Amélie Boucher, Eyrolles, Novembre 2007.

Sur le Web :

  1. 50 Free UI and Web Design Wireframing Kits, Resources and Source Files, par Paul Andrew, Février 2010, smashingmagazine.com ;
  2. Guidelines, Tools and Resources For Web Wireframing, par Saud Khan, Février 2010, w3avenue.com.