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 :

Celles qui concernent les interfaces d’applications :

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 sur “Vive les librairies de modèles de conception d’interfaces

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

Laisser un commentaire