Yahoo sort le kit de prototypage d'interfaces ultime

Buffer

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

Buffer
Publié le 03 juin 2008 à 18h40 Publié sous et Labels ui, maquette, interface, fonctionnel, wireframe, conception, yahoo

À propos

Frédéric de Villamil

Je m'appelle Frédéric de Villamil, et quand je ne déploie pas ma mauvaise humeur et ma mauvaise foi sur le Web, je suis un super héros chargé de sauver le monde. Vous pouvez me suivre sur Twitter.

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

Afin de maintenir le niveau global de ce site, les commentaires font l'objet d'une politique de modération qualitative basée sur des critères non écrits et totalement subjectifs, donc injustes.

Les commentaires écrits en langage SMS, inutiles, déplacés, injurieux ou relevant du spam seront systématiquement supprimés sans avertissement préalable.

Les trackbacks sont fermés pour cause de spam.