J'ai testé... 3 outils de prototypage IHM

Enjeu

Disposer d'un outil permettant de prototyper rapidement une application web, à la fois en début de projet (Vision) qu'au fur et à mesure de l'élaboration des spécifications IHM du produit.

L'idée est également d'aller au delà de simples Slides/PowerPoint qui ne permettent pas de rédiger correctement des annotations de spécification, et limité en terme de "dessin" d'IHM.

Objectifs/Exigences

• Maquettage WYSIWYG, avec palette de composants IHM
• Format de diffusion ouvert (pour échange avec les parties concernées : clients, dev...)
  
• Capacité à annoter/spécifier
• Possibilité de formaliser les enchainements d'écran, d'action et de pages.

Outils testés

QuickMockup

• Fonctionne sous Adobe Air. Installable en local sur un poste
• Permet de "dessiner" des IHM.
• On peut réaliser des enchainements d'écran
• L'export est limité au PNG

Le style Mockup est sympa (comme dans l'outil Balsamiq). Se rapproche du dessin papier.

Bien pour projeter une idée d'IHM et l'échanger en tant qu'Image, mais insuffisant pour aller vers de la spec IHM.

1 peu limité sur la gestion des données de test à l'écran.

=> http://www.quickmockup.com/

Axure

• Atelier sous Windows
• 1 cout de licence (- 600 euros)
• Atelier Wysiwg, avec palette de composant et librairies
• Possibilité de faire des masters (et aussi de composants combinés)
• Styling (couleurs, ...)
• Possibilité d'annoter, de spécifier
• Export en tant que Prototype HTML (exécutable donc) ou Rapport Spécifications (avec captures d'écrans)
• Possibilité de préciser des enchainements/actions.

Franchement bien. J'ai apprécié la possibilité de gérer les styles, de créer des widgets composés réutilisables... et surtout l'export HTML. Dans l'absolue, une maquette bien faite (prototype) pourrai être reprise par le dev...

=> http://www.axure.com/

Serena Prototype Composer

• Atelier sous Windows
• Gratuit
• Atelier complet qui va au dela du simple dessin d'IHM.
• Permet de modéliser les processus
• Permet de gérer des jeux de données, des scénarios... on peut même inclure du traitement !
• Nécessite un temps d'apprentissage
• Export en images ou Rapports de Spécificatiosn (personalisable, modèles...)

Atelier superbe mais un tantinet trop complexe. A dédier à des projets ou la réalisation d'un prototype est une exigence de départ.

 => http://www.serena.com/products/prototype-composer/

Conclusion

Je vote pour Axure !

Même pour le prix de la licence, je pense que l'outil est un plus pour nos processus de développement logiciel.

Il me semble répondre aux exigences attendues, pour une prise en main rapide.

MAJ 2010 : 1 an après, j'ai changé d'avis (et oui)... Balsamiq plutôt... KISS (Keep It So Simple..)