Yahoo sort le kit de prototypage d'interfaces ultime
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 :
- Gabarits de publicité.
- Calendriers.
- Carrousels.
- Tableaux et diagrammes.
- Éléments de contrôle.
- Formulaires.
- Layouts en grille.
- Menus et boutons.
- Téléphones mobiles.
- iPhone.
- Éléments de navigations.
- Éléments du système d’exploitation (Mac OS X et Windows Vista).
- Exemples de textes standards.
- Exemples de résolution type.
- Onglets.
- Fenêtres (pop ups).
Le toolkit est disponible dans un nombre impressionnants de formats : stencil Omnigraffle, Visio, en PDF, PNG et même SVG pour le vectoriel.
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. Dans notre cas, si les éléments sont relativement standards, il semble difficile de donner un rendu plus réaliste du résultat final. Si seulement j’avais eu ça à l’époque…
Commentaires
Trackbacks
Les trackbacks sont fermés pour cause de spam.
Passionné d'informatique depuis l'âge de six ans, je travaille en tant que responsable qualité chez blueKiwi Software, éditeur spécialiste des outils collaboratifs en entreprise. Ma double formation en sciences politiques et en informatique me permet de porter un regard particulier sur les problématiques abordées par mon poste.
Valéry-Xavier Lentz about 3 hours later:
Très belle bibliothèque en effet et sans doute très utile pour la réalisation de wireframes dans bon nombre de cas. J’en connais autour de moi qui en seront ravis.
Toutefois pour la démonstration d’interactions, celles représentées par un certain nombre de ces patterns, l’usage d’un logiciel de prototypage comme Axure peut s’avérer plus parlant qu’un wireframe statique.
En outre, j’ai tendance à trouver ces objets déjà trop designés ce qui peut causer un biais dans l’attente du client par rapport au résultat qu’il obtiendra après l’intervention du directeur artistique.
D.VDA 1 day later:
Je découvre un peu l’ensemble des ressources à l’occasion de ton articles+lien, on a fait du chemin depuis quelques années ;) et c’est vrai qu’on ne peut s’empêcher de penser rationalisation = uniformisation. pour le meilleur le le pire, comme toujours. Merci pour le lien.
Samuel Martin 2 days later:
Allez un commentaire totalement vide d’intérêt.. juste un très grand merci pour cette excellente ressource ! Je me frotte déjà les mains pour intrégrer tout çà dans Inkscape.