Design à la Balsamiq
Un petit avertissement s’impose pour tous nos lecteurs graphistes… ce que je m’apprête à vous montrer risque de choquer votre sens de l’esthétique (Comic Sans Serif anyone?).
Il y quelques semaines déjà que j’expérimente avec un outil wireframing… vous savez cette technique qui se concentre principalement sur l’organisation de l’information plutôt que le design graphique des pages.
Hugues m’avait parlé de plusieurs outils qui permettent de faire le même travail de modélisation mais à des coûts plutôt exorbitant. Quel n’a pas été ma surprise de voir une alternative peu dispendieuse, mais surtout, tellement simple d’utilisation qu’il permet de vraiment se concentrer sur le travail de wireframing plutôt que de penser en termes d’images et de couleur que la page devrait avoir.
Voici donc « Balsamiq Mockup« … un outil de modélisation d’interface web. J’ai été charmé par l’utilisation exclusive du noir et blanc pour les tracés de pages web. Il faut dire qu’il est difficile de m’éloigner du tableau lors de sessions de design.
Je n’en suis pas à mon premier outil de modélisation, loin de là! J’arrive à démontrer visuellement une grosse majorité de concepts avec des outils tel que Microsoft Visio, OpenOffice.org Drawing, Pencil, même avec des ciseaux et du papier… Reste que Balsamiq m’a charmé par sa simplicité et surtout, l’échange et la collaboration qu’il apporte lors des séances de design. En moins d’une minute on peut modéliser une page web et obtenir un feedback immédiat de son client et collègues. Le rendu visuel, que certains qualifie de basse qualité, est, selon moi, une force puisqu’elle dirige l’attention sur l’organisation de l’information et des éléments d’interactions plutôt que sur les couleurs et le graphisme.