Vive les librairies de modèles de conception d’interfaces

Dans 95% des cas, concevoir une interface reviens à assembler des briques « standards ». Dans mon jargon on appelle ça des modèles de conception (« design patterns » en anglais). Ces modèles sont à la fois issus de la façon dont le HTML traite les éléments d’interfaces basiques (champs, boutons…) mais également de l’accumulation de bonnes pratiques.

Et justement, quand il est question d’accumulation de bonnes pratiques, rien de telle que les librairies de modèles de conception d’interfaces. Je vous propose de partager avec vous ma liste de librairies. Certaines sont très complètes et actives, d’autres n’ont quasiment pas évoluées mais elles présentent toutes un intérêt.

Mes préférées :

  • Welie, de loin la plus complète ;
  • Yahoo! Design Pattern Library, de loin la mieux documentée ;
  • UI Patterns, une librairie de plus en plus riche et très agréable à parcourir ;
  • Pattern Tape, qui est une compilation de captures d’écrans.

Celles qui concernent les interfaces d’applications :

  • Designing Interfaces, qui est issue du livre ;
  • User Interface Design Patterns, qui est un peu limitée.

Celles qui concernent le E-commerce :

  • Web Design Practices, qui n’est malheureusement plus alimentée mais apportent des stats très intéressantes ;
  • Ecommr, une toute nouvelle librairie avec des tonnes d’exemples.

Voilà de quoi vous donner des nombreuses sources d’inspiration.

(via Use Design Blog)

5 commentaires pour “Vive les librairies de modèles de conception d’interfaces”

  1. Posté par Mael a dit : le

    Pattern tape ? Tap, non ?
    Le lapsus est rigolo…
    Plus sérieusement, à part le bouquin de welie qui apprend à composer les siens, c’est vrai que ce sont plutôt des sources d’inspiration. Finalement ça sert à chercher des solutions moins communes, un peu comme quand on en à marre d’utiliser une icône de disquette pour l’enregistrement (qui utilise encore des disquettes bon sang !!).

  2. Posté par Jmini a dit : le

    Amusant, je lis ce billet ce matin… et ce soir j’ai un cas pratique…

    Le problème est le suivant :
    « Comment et où doit on proposer la sélection de la langue ? »
    Il s’agit d’un site proposé en allemand et en français.

    J’attaque donc les site proposé un par un (en me disant que si il s’agit de compilation de bonne pratique et de conseils, je vais trouver une réponse)

    – Premier site, je tombe sur :
    http://www.welie.com/patterns/showPattern.php?patternID=language-selector
    Très bon article, bons conseils, j’aurais aimé un ou deux exemple de plus.

    Les autres sites (yahoo, UI Patterns, Le site Pattern Tape)
    Je n’ai pas trouvé ce que je cherchais…

    Mention spéciale au site de yahoo :
    – Attention le champ de recherche en haut à gauche cherche dans tout le web !!! (pas logique)
    – Les autre site ne proposent pas d’outil de recherche !!!

    => Amusant pour des site prônant les bonnes pratiques…

    —-

    Quoi qu’il en soit, ces sites semblent très intéressants… lorsqu’on se demande « comment faut il implémenter cette fonction ».

  3. Posté par Revue de presse eco-numerique : semaine 48 | Développez votre Economie Numérique a dit : le

    […] Vive les librairies de modèles de conception d’interfaces […]

  4. Posté par Vive les librairies de modèles de conception d’interfaces | SimpleWeb.fr « Ma Vie Numerique a dit : le

    […] Vive les librairies de modèles de conception d’interfaces | SimpleWeb.fr. […]

  5. Posté par Des bibliothèques de composants d’interfaces mobiles – magazine a dit : le

    […] déjà plusieurs occasions de vous parler des design pattern library (Vive les librairies de modèles de conception d’interfaces et Et on reparle des bibliothèques de modèles de conception), par contre je n’avais jamais […]