13 août 2006

[Ergonomie] Le web design au service de l'utilisateur

Comment savoir si ce que vous proposez dans vos applications va faciliter la tâche de l'utilisateur ?
Il y a des astuces assez simples. Je vous propose 2 liens en anglais pour savoir comment faire :
Good and Bad Web Design Features : ce texte est un peu ancien, et certaines choses ont changé. Voir ma traduction de Good Web Design Features ci-dessous.
5 Web Design Patterns for Happy Users : ce billet de blog est récent et je compte demander l'autorisation à l'auteur pour le traduire.

Sur le second lien : je conteste l'utilisation systématique de l'AJAX, mais de bonnes pistes sur ce qui est à la mode, et donc rendra votre site plus web 2.0 sont données.

Traduction

Texte
Le fond de page n'interrompt pas le texte
Le texte est assez grand pour être lisible, sans être trop gros
La hiérarchie de l'information est parfaitement claire
Les colonnes de texte sont plus étroites que dans un livre pour rendre la lecture à l'écran plus aisée

Navigation
Les menus et boutons de navigation sont faciles à comprendre et à utiliser
La navigation est consistante à travers tout le site
Les boutons et pictos donnent au visiteur des indices sur leur fonction, sur la page que le visiteur est en train de consulter
Les frames et technologies utilisés ne sont pas intrusives
Un site grand possède un index ou un moteur de recherche

Liens

Les couleurs des liens sont coordonnés avec les couleurs des pages
Les liens sont instantanément reconnaissables pour le visiteur

Images

Les boutons ne sont pas énormes et aggressifs (Les nouveaux design proposent des boutons géants.)

Chaque image possède un attribut ALT

Chaque image a un texte de remplacement

Les images et fonds sont en couleur web (désormais toutes les couleurs sont encodables en hexadécimales).
Les animations doivent se terminer d'elles-mêmes

Design Général
Les pages se chargent rapidement
La page d'accueil doit être lisible en 640 * 460 px (Ce n'est plus vrai désormais, les écrans sont plus grands)
Toutes les autres pages doivent avoir un impact visuel immédiat
Bon usage des éléments graphiques pour aérer le texte (avec les feuilles de style, actuellement et l'expérience, on arrive mieux à écrire pour le web).

Chaque page du site apparaît comme appartenir au même site ; il y a des éléments répétitifs transeversaux.
[poster sur Del.icio.us]