Ergonomie, Rails et Architecture de l'information web (2.0)

Il y a quelques mois, je vous présentais le Powerpoint prototype toolkit de Long Zheng, qui permettait de réaliser un wireframe fonctionnel reprenant toute l’interface de Windows Vista. Très complet, ce dernier était pourtant uniquement orienté applications desktop à destination de la dernière bêta bêta des OS Microsoft.

Yahoo vient à son tour de sortir un kit de prototypage d’interfaces, cette fois-ci à destination des applications web, et le moins qu’on puisse dire, c’est qu’ils ont fait très très fort : des dizaines d’éléments d’une qualité irréprochables publiés sous licence Creative Commons, et répartis dans 16 catégories :

Le wireframe, ou storyboard, occupe toujours une place considérable dans le processus d’appropriation d’un projet par le client. Lors de la phase de conception, il accompagne de manière plus qu’efficace les spécifications fonctionnelles, et, pour peu que le design ait été validé, il représente à 99% les écrans finaux tels que les verront les utilisateurs. Il prend une place encore plus grande lors d’une refonte ergonomique, à l’occasion de laquelle il se suffit généralement à lui-même.

On peut également prototyper des workflow complexes à l’aide de maquettes fonctionnelles. On reproduit alors l’ensemble des écrans en HTML, design intégré compris, avec leurs interactions côté client, afin de concrétiser le déroulé des opérations. Très coûteuse en temps, la maquette fonctionnelle peut également être déceptive pour le client, ce dernier s’attendant souvent à rencontrer une version allégée de son site (merci Alexis pour tes réflexions sur le sujet).