10 règles pour concevoir un site web user-centric

L’ergonomie n’est pas un facteur-clé de succès mais un facteur-clé d’échec

Un site web doit être util donc répondre à un besoin et utilisable c'est à dire intuitif à l'usage.

Raïssa Katz-Haas a édité en 1998 une liste de 10 points traitant de l'expérience utilisateur sur un site web.
Ces points sont primordiaux lors de la conception de sites communautaires.

En voici un résumé :

1. Visibilité : rendre les éléments comme la navigation très visible pour que les internautes comprennent se qu'ils peuvent faire ou pas. La visibilité conditionne les comportements.
2. Mémoire : dupliquer les éléments importants sur les différentes pages du site pour éviter à l'internaute de faire appel à sa mémoire.
3. Feedback : faire immédiatement un retour à l'utilisateur dès qu'il a fait une action pour l'informer que sa demande est bien prise en compte.
4. Accessibilité : les internautes doivent trouver rapidement et facilement les informations.

* utiliser la navigation, les fonctions de recherche et les plans de site. * classer le contenu en de multiples catégories. * rendre le site survolable du regard 5. Aide à la navigation : Des aides en ligne doivent aider l'utilisateur lors de sa navigation : * décrire les liens * plan du site * indiquer commente quitter la page * utiliser des éléments visuels clairs permettant la navigation entre les pages qui traitent de sujets similaire. Eviter les frames. Celles-ci sont problématiques dans le cadre du bookmark des liens, de l'impression de la page, et de l'utilisation du bouton Back du navigateur utilisé par 60% des utilisateurs lors d'un retour arrière. 6. Gérer les erreurs : ne pas laisser un utilisateur devant une page d'erreur sans assistance mais le guider vers la solution, en utilisant des liens vers des pages d'aides par exemple. 7. Satisfaction : rendre le site plaisant à utiliser et à voir. L'interface influence : * le sentiment de facilité d'utilisation * la motivation pour utiliser le site * la confiance dans la légitimité du site 8. Lisibilité : rendre le texte facile à lire : * utiliser les fonts sans serif, surtout pour le texte en gras * éviter les fontes ornementales * utiliser des caractères Roman plutôt qu'italique * utiliser pour le corps des textes les fonts Sans Serif en 9-11px ou Serif en 11-12px * ne pas rédiger en majuscule * rédiger des lignes d'environ 60 caractères pour faciliter le balayage du regard de la page * utiliser un fort contraste entre le texte et le fond. Le texte noir sur fond blanc est le plus lisible. 9. Langage : améliorer la lisibilité en respectant les règles suivantes : * langage concis * langage vulgarisé plutôt que technique * formulation active plutôt que passive * préférer les verbes aux noms * syntaxe simple. Attention aux ambiguïtés, l'humour, les métaphores, les calembours, les idiomes... peuvent être facilement mal interprétés. 10. Visual Design : l'esthétique conditionne l'efficacité de la communication de l'information auprès des internautes : * créer des pages simples et concises * utiliser des images pour illustrer, informer, rendre plus convivial une page, aider à la navigation. Eviter les images purement décoratives. * utiliser des images qui se téléchargent rapidement * rendre l'élément les plus important le plus visible * considérer les contenus textes comme des parties intégrantes du rendu esthétique final * définir le template des pages du site * regrouper les éléments proches pour que les internautes puissent facilement les associer juste par leur positionnement * utiliser les espaces pour organiser la page, mettre en valeur les éléments importants et reposer les yeux du lecteur. * préférer les tableaux sans grille. Si leur usage est nécessaire, utiliser des lignes clairs et fines. * utiliser des couleurs discrètes. Les couleurs vives détournent le regard de l'internaute du contenu. Partir sur un design monochrome puis ajouter quelques couleurs.