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.

stencil Yahoo!

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…

grue à la tête d'or

Publié le 03 juin 2008 à 18h40 Publié sous

Mots clés interface, ui, maquette, fonctionnel, wireframe, conception, yahoo

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

  1. Avatar

    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. Avatar

    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. Avatar

    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.

Réagir à Yahoo sort le kit de prototypage d'interfaces ultime

Merci de vous exprimer dans un français correct. Les commentaires déplacés, injurieux et le spam seront supprimés.

Les trackbacks sont fermés pour cause de spam.


Abonnez-vous au flux RSS et suivez les nouveaux articles du site Suivez-moi sur Twitter