Ergonomie web et UX Design, 4e édition

Pour des sites web efficaces

Amélie Boucher

• Éditeur: Eyrolles
• Année: 2020
• ISBN:
  9782212326772
• Édition: 4
• Sujet: Ciencia de la computación
• Sous-sujet: Desarrollo web

Tout site Internet doit réussir le pari difficile de séduire et de satisfaire ses visiteurs. Mais comment connaître ces derniers et se mettre à leur place? Comment concevoir un site si agréable et efficace qu'il donne envie d'y rester et d'y revenir? Grâce aux conseils pratiques et méthodologiques d'Amélie Boucher dans ce livre devenu désormais la référence francophone, comprenez et appliquez l'ergonomie web sur le terrain! Afin de tenir compte de l'évolution du Web, la totalité des exemples a été renouvelée pour cette troisième édition, enfin en couleur!

TROISIÈME PARTIE

LES RÈGLES DE

l’ergonomie web

Vous êtes convaincu de l’importance de l’ergonomie et comprenez ses objectifs. Vous avez mis en œuvre des méthodes pour définir qui sont vos utilisateurs et leurs besoins.* Bravo ! Mais ne vous arrêtez pas là. Pour optimiser l’ergonomie de votre service interactif, vous devez aussi vous approprier les principes de base de cette discipline. C’est l’objet de notre chapitre 5.

(* Sinon, reprenez du début !)

12 règles pour optimiser l’ergonomie de votre site

5

Lorsque vous attachez de l’importance à l’ergonomie de votre service interactif, ce souci doit être constant : quelles que soient les circonstances, vous devez garder en tête les règles de base qui permettent d’optimiser un site d’un point de vue ergonomique. Ce chapitre vous propose 12 règles qui sont un condensé des normes, des critères et de notre expérience de l’ergonomie web ; elles doivent devenir votre leitmotiv.

SOMMAIRE

• Règle n° 1. Architecture
• Règle n° 2. Organisation visuelle
• Règle n° 3. Cohérence
• Règle n° 4. Conventions
• Règle n° 5. Information
• Règle n° 6. Compréhension
• Règle n° 7. Guidage
• Règle n° 8. Gestion des erreurs
• Règle n° 9. Rapidité
• Règle n° 10. Liberté
• Règle n° 11. Accessibilité
• Règle n° 12. Satisfaction de votre internaute

MOTS-CLÉS

• Règles ergonomiques
• Architecture de l’information
• Navigation
• Charge informationnelle
• Gestalt
• Homogénéité
• Conventions
• Information et feedback
• Vocabulaire
• Guidage
• Affordances
• Erreurs
• Efficience
• Contrôle utilisateur
• Accessibilité
• Satisfaction

Les projets web se divisent en deux catégories : ceux qui prennent en considération les principes d’ergonomie et ceux qui ne les connaissent pas ou ne les intègrent pas dans leur réflexion. Ignorer ces principes, c’est risquer de perdre vos internautes alors même que ce que vous leur proposez les intéresse. En effet, lorsqu’ils arrivent sur un site qui leur donne du fil à retordre, les utilisateurs n’ont qu’une envie : prendre leurs jambes à leur cou.

Ce n’est qu’en tenant compte des règles de base de l’ergonomie que vous pourrez satisfaire vos visiteurs et vous donner une chance de les retenir, voire de les faire revenir.

Ces règles ne s’inventent pas. À leur lecture, on peut se surprendre à acquiescer en ayant l’impression de ne lire qu’un ensemble de choses logiques ; il reste toutefois que ces règles améliorent réellement la qualité ergonomique d’une interface. Le grand danger, c’est précisément qu’elles paraissent couler de source. C’est à cause de cette simplicité apparente qu’on les ignore ou qu’on les oublie fréquemment. Or, elles sont un puissant outil de travail pour quiconque fabrique des sites Internet.

MÉTHODOLOGIE

Règles à tout faire

Les règles d’ergonomie visent à optimiser la qualité d’utilisation d’un site selon un double mouvement : d’une part, elles influencent la conception, d’autre part, elles sont un outil pour évaluer une interface existante.

Ce chapitre n’a pas pour vocation de passer en revue de manière exhaustive toutes les erreurs possibles, mais plutôt d’illustrer par l’exemple chacune des règles et son application. Nous en donnons des modèles positifs et négatifs sur une multitude de sites web très différents. Vous verrez ainsi qu’un site très bien fait par ailleurs peut, à un moment donné, mettre en défaut une des règles. Cela vous aidera à encore mieux comprendre que c’est seulement en optimisant très précisément chacune des pages de votre site que vous atteindrez une bonne qualité ergonomique générale. Il n’y a pas de secret, mais uniquement une prise en compte minutieuse et rigoureuse de chacun des principes de l’ergonomie web.

POINT DE VUE

Petit à petit...

L’application des règles ergonomiques sur la totalité d’un site nécessite des connaissances et de l’acharnement. C’est en suivant un ensemble de recommandations, apparemment semblables à des détails, que vous atteindrez une qualité ergonomique irréprochable.

Enfin, gardez bien à l’esprit que le découpage proposé ici est uniquement utilitaire, dans le sens où il permet d’aborder l’ensemble des thématiques les unes après les autres. Cependant, dans leur mise en pratique sur un service interactif, toutes ces règles s’imbriquent les unes dans les autres. Vous verrez d’ailleurs à la fin de ce chapitre que, pour satisfaire pleinement un principe ergonomique, vous serez parfois contraint d’en contredire un autre. Nous illustrerons ce type de conflits au travers de quelques exemples concrets. Dans ces situations de compromis, les spécificités de votre projet vous aide-ront à prendre les meilleures décisions possibles.

Voyons donc maintenant à travers 12 règles comment vous allez aider vos internautes à se sentir bien sur votre site Internet !

RÈGLE N° 1. ARCHITECTURE : LE SITE EST BIEN RANGÉ

Commençons avec la règle d’architecture : pour que votre site serve à vos internautes, encore faut-il qu’ils y trouvent ce qui les intéresse. Vous atteindrez cet objectif en rangeant les informations.

Organiser l’information d’un site est un travail qui doit être décorrélé de la présentation des informations dans les pages. Vous devez trouver la meilleure architecture pour votre contenu, en vue de le présenter à vos inter-nautes. Nous verrons au chapitre 7 que cela nécessite un travail de catégorisation (vous créez des groupes de contenus) et de structuration (vous décidez de l’architecture de votre site en hiérarchisant les contenus). Ces deux étapes doivent absolument tenir compte des attentes de vos internautes et de leurs réflexes de navigation.

DANS CE LIVRE Tout savoir sur l’architecture de l’information

Pour aller plus loin dans la compréhension et la mise en pratique de l’architecture de l’information, nous y avons consacré un chapitre entier. Au chapitre 7, vous découvrirez donc comment les internautes naviguent sur Internet et de quelle manière l’archi...

Table des matières

• Couverture
• Page de titre
• Copyright
• Sommaire
• Avant-propos
• Première partie – Introduction à l’ergonomie web
• Deuxième partie – Dans la peau de votre utilisateur
• Troisième partie – Les règles de l’ergonomie web
• Quatrième partie – les étapes de la conception web : pensez votre site de A À Z
• Cinquième partie – Mettez votre site à l’épreuve
• Conclusion
• Index