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…

Si cet article vous a plu, suivez-moi sur Twitter

3 commentaires sur Yahoo sort le kit de prototypage d'interfaces ultime »

1. 

   Par Valéry-Xavier Lentz le 03 juin 2008 à 21h15 :

   
   

   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.

2. 

   Par D.VDA le 05 juin 2008 à 01h47 :

   
   

   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.

3. 

   Par Samuel Martin le 05 juin 2008 à 23h27 :

   
   

   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.

Trackbacks sur Yahoo sort le kit de prototypage d'interfaces ultime

Les trackbacks sont fermés pour cause de spam.