Aller directement au contenu

Guides de styles

19/08/2008
3

La plupart des systèmes d’exploitation (Windows, Apple, Linux, Sun) proposent une documentation en ligne de l’interface homme-machine. Ces sites, généralement volumineux, sont appelés « guides de style ». Ils fournissent les règles et les principes d’ergonomie à respecter pour concevoir des interfaces homogènes et ergonomiques.

Windows Vista User Experience Guidelines

Les principes d’ergonomie des interfaces Vista :
>> msdn2.microsoft.com/en-us/library/aa511258.aspx

Apple Human Interface Guidelines

Les règles d’ergonomie et de design des interfaces Apple :
>> developer.apple.com/documentation/UserExperience/Conceptual/AppleHIGuidelines (version PDF)

Un guide de l’accessibilité des interfaces Apple :
>> http://developer.apple.com/documentation/Accessibility/Conceptual/AccessibilityMacOSX (version PDF)

L’ensemble des guides Apple sur l’expérience utilisateur :
>> developer.apple.com/documentation/UserExperience

GNOME Human Interface Guidelines 2.0 (Linux)

Les règles d’ergonomie Linux :
>> library.gnome.org/devel/hig-book/stable

Java Look and Feel Design Guidelines

Les principes d’interface pour les interfaces Java :
>> java.sun.com/products/jlf

Ce guide de style a également été publié sous forme papier : Java Look and Feel Design Guidelines, Addison-Wesley Professional, 2001. Il est aussi visualisable chez Google Book.

Guide de style pour les applications web

Rédigé pour le portail web SAP, ces recommandations sont assez générales et peuvent convenir à de nombreuses applications web :
>> www.sapdesignguild.org/resources/htmlb_guidance (version zip)

On y trouve en particulier des recommandations détaillées sur l’organisation des éléments d’interface (alignement, regroupement, etc.)

Web Style guide

>> www.webstyleguide.com/index.html

Ce site est une version réduite de l’ouvrage de Patrick J. Lynch, Sarah Horton et Louis Rosenfeld : Web Style Guide: Basic Design Principles for Creating Web Sites.

iPhone Human Interface Guidelines for Web Applications

Toujours disponible et mis à jour régulièrement ici : iPhoneHIG

Android User Interface Guidelines

Le guide de style pour les interfaces mobiles de Google : User Interface Guidelines

3 Commentaires

  • Un lien vers un guide de style pour les applications web a été ajouté.

  • Ces guidelines fourmillent d’idées voire de bonnes pratiques. Pour la conception d’applications mais également de sites web, il est important de s’appuyer sur les règles des interfaces des systèmes d’exploitation pour garantir à l’utilisateur un mode d’interaction proche de ce qu’il connait et utilise déjà!
    Certes, ces documents sont longs et redondants, mais ils permettent de comprendre la décomposition des interactions pour chaque type d’éléments de l’interface. On est parfois proche de l’ergonomie cognitive, notamment chez Apple qui distingue les traitements de l’information visuelle. Il y a d’abord ce qui concerne le design et la structure fonctionnelle de l’interface (perception), puis en parallèle les actions et computations avec lesquelles l’utilisateur peut agir directement ou séquentiellement (nagivation).

    (j’ai ajouté les liens directs vers les fichiers PDF pour les documents Apple et SAP)

  • Thomas dit :

    Juste un petit complément : en fait, le guide de conception Iphone d’Apple n’existe plus vraiment. Il a été remplacé par un guide de conception d’appareil mobile Apple de manière général (même si le document s’intitule toujours IPhone, il est plus complet et vise aussi d’autres appareils comme l’IPod Touch). Il est assez dur à trouver, il faut s’être inscrit en tant que développeur IPhone chez Apple (c’est gratuit), chercher longtemps dans les méandres du site d’Apple pour y arriver. Pour ceux qui auraient déjà un compte Apple, Voici le lien direct :

    http://developer.apple.com/iphone/l

Laisser un commentaire