Critique du livre Ergonomie Web

Tags associés : , , , , , posté le 28 may 2008


Après avoir assisté à l'atelier consacré à l'ergonomie web lors de Paris Web, j'étais vraiment motivé pour lire ce livre d'Amélie Boucher.

[edit du 3 juin] : Yahoo! vient de sortir une bibliothèque de stencils tout simplement hallucinante ! Format svg disponible (entre autres), tout simplement génial.

Préambule

S'il y a une chose qui me manque depuis mon déménagement et mon changement d'activité, c'est de trouver le temps de lire. Les heures de métro avaient quand même du bon car elles me permettaient à la fois de me couper du travail et de lire. J'ai trouvé la solution pour la coupure (à venir) mais il faut absolument que je retrouve ces moments de lecture. Bon du coup la régularité de mes critiques de livres en pâtit.

Le livre Ergonomie web

Je ne vais pas tourner autour du pot, c'est vraiment un bon livre et je n'ai pas été déçu. C'est un concentré de conseils, de méthodologie, de bonnes pratiques qui devrait être lu par toutes les personnes impliquées dans un projet web. Il m'a aidé à évoluer à titre aussi bien personnel que professionnel dans un domaine qui m'intéresse de plus en plus. Je pourrais en ajouter des tartines mais je pense que vous avez saisi le concept !

Le seul défaut que j'ai trouvé, c'est d'avoir déjà entendu parlé des règles d'ergonomie web mais l'apprentissage par la répétition est intéressant et il y a d'autres exemples pertinents donc je ne me suis jamais ennuyé.

Ce que j'apprécie particulièrement dans cet ouvrage, c'est l'humilité de l'auteur. Elle n'hésite pas à écrire que tout le monde peut faire de l'ergonomie et ça me plaît car j'en suis convaincu aussi, bien sûr l'expérience fait la différence mais chaque regard critique sur un site est intéressant. L'ergonomie repose avant tout sur le bon sens et l'usage.

Concernant l'usage, les versions bêta des applications web estampillées 2.0 sont assez révélatrice du phénomène de maturation d'un site. Le concepteur peut très difficilement anticiper quel sera l'utilisation du service et quels vont être les points sur lesquels se concentrer pour le rendre meilleur. Après plusieurs mois/années de développement, son avis est faussé et il est très difficile d'avoir suffisamment de recul à ce moment là.

Pour finir, c'est également truffé de petits exemples qui font la différence, infime mais tellement importante, entre une bonne application et une application que l'on utilise. Ai-je besoin de préciser que je suis fan ? :-)

En bonus, j'ai longtemps cherché un outil me permettant de réaliser des interfaces facilement pour faire des maquettes basiques afin de présenter l'ergonomie d'un site. Je teste OmniGraffle depuis quelques temps et c'est vraiment ce que je cherchais, surtout associé au stencil Django !

Exemple d'interface d'administration Django avec OmniGraffle

Mauvaises pratiques web

Ça fait un moment que je voulais parler de certaines mauvaises pratiques et la récente recherche d'une télévision sur des sites de comparatifs et de vente en ligne m'a permis d'établir une liste en moins de 10 minutes !

Laissez faire le navigateur

L'avantage d'un navigateur, au même titre qu'un agrégateur de flux d'ailleurs, est d'uniformiser certaines interfaces afin que le visiteur ne soit pas désorienté et se base sur l'acquis. Je recommande donc de :

  • ne pas modifier à outrance les formulaires, si les boutons ne ressemblent plus à des boutons l'utilisateur est perdu, plus rapidement que vous ne le croyez. Théoriquement le navigateur s'adapte à la plateforme afin d'afficher des boutons cohérents avec le système d'exploitation du visiteur (merci firefox 3), vous arriverez difficilement à faire mieux. De même les scripts pour redimensionner des textarea devraient être laissés au navigateur, Safari le fait très bien.
  • ne pas utiliser des boutons pour modifier la taille du texte ou imprimer, les navigateurs intègrent ces fonctionnalités et vous êtes en train d'apprendre de mauvaises habitudes à votre utilisateur, et ça c'est mal©.
  • ne pas placer des boutons « Fermer cette fenêtre » sur les popups (à bannir si possible), avec l'arrivée des onglets ça ne veut plus rien dire et ça peut faire peur à l'utilisateur qui a décidé d'ouvrir les popups comme de nouveaux onglets (ça va vraiment fermer la fenêtre avec tous mes onglets ouverts ?).

Ne faites pas fuir le visiteur

La proportion d'internautes qui arrivent jusqu'à votre site est déjà faible, si vous déployez en plus des trésors d'ingéniosité pour le faire partir, votre taux de conversion va dangereusement tendre vers zéro et vous en serez le seul responsable ! Vous allez donc :

  • éviter les sons à l'ouverture d'une page, surtout si vous vous adressez à un public pouvant potentiellement être intéressé par votre site durant les heures de travail (difficile de justifier certains sons dans un openspace...). D'une manière générale, je ne connais personne qui est agréablement surpris par un son dont il ne connaît pas l'origine et qui est généralement désagréable.
  • proscrire les animations ou publicités trop coûteuses, les pages qui me rappellent gentiment que je suis doté d'un dual core sont rapidement fermées et je ne risque pas de remettre les pieds sur ce site de si tôt ! Et je ne parle même pas du code js qui leak à n'en plus finir (un bon exemple : l'aide de voyages-sncf a fait ramer le site pendant au moins 6 mois mais bon ce site mériterait un billet à lui tout seul... 19 version pour en arriver là !)
  • supprimer la page d'introduction, que ce soit une animation flash ou un publicité, ça n'a aucune utilité si ce n'est distraire le visiteur. Et en plus c'est ringard. Vraiment.

Gagnez ma confiance

Que ce soit pour concrétiser un achat ou pour fidéliser un lecteur, le contrat ne pourra s'établir que si les deux parties y croient. Voici quelques écueils qui vont immanquablement me faire douter :

  • un manque de cohérence, je veux bien qu'il faille faire discount mais quand même, avoir ne serait-ce qu'une charte graphique un peu soignée et cohérente sur le site ça ne devrait pas avoir un impact négatif, si ?
  • des informations négligées, la différence (outre le prix) peut vraiment se faire à ce niveau, c'est ce qui va rendre le site plus attractif grâce à la pertinence de ses conseils/expériences/commentaires/etc.
  • des images de piètre qualité, c'est un point qui a une importance énorme pour un magasin en ligne, on ne peut pas toucher, sentir, examiner, il va falloir uniquement se baser sur des spécifications assez incompréhensibles. Le seul lien qu'il reste avec l'objet c'est une simple photo de 300*200 pixelisée (à laquelle on accède via une lightbox en carrousel alors qu'il n'y a bien souvent qu'une seule image...), difficile de se décider dans ces conditions.

Ces quelques conseils sont assez subjectifs et je peux me tromper (j'ai jamais fait de tests utilisateur sur des sites de commerce en ligne) mais qu'est-ce que j'aimerais qu'ils soient respectés ! Des fois j'ai l'impression que le web n'est encore qu'un vaste brouillon. C'est ce qui le rend si passionnant, soit, mais qu'est-ce que c'est fatigant.


Billets contextuels



12 règles d'ergonomie web par Amélie Boucher

Image associée au billet

Notes de lectures quasi-brutes issues de la conférence d'Amélie Boucher lors de Paris Web qui était fort intéressante. Je suis impatient de pouvoir lire son livre qui semble aller beaucoup plus loin. En attendant de faire un bilan plus ...

Critique du livre Donne moi ce que je veux !

Image associée au billet

Frédéric m'avait vivement conseillé la lecture de ce livre qui change un peu de mes critiques habituelles davantage orientées programmation. Patricia m'a gentiment fait parvenir le dernier exemplaire disponible de Donne moi ce que je veux ! que j ...

★ L'importance du rythme vertical en design CSS

Image associée au billet

Franchement déçu par la qualité des sites participant au Concours Cascading Style Summer Refresh, je trouve qu'il y a un problème récurrent chez les participants : il manque la notion de rythme vertical donc je n'avais pas parlé lors ...




Commentaires

#1 Pouet , le 28 May 2008 à 07h  :

J'espère que ça te fera changer d'avis sur ton site et que tu vas vite faire quelque chose d'agréable à la vue en plus d'être ergonomique :)

#2 giz404 , le 28 May 2008 à 09h  :

Tout à fait d'accord avec ta liste des badpractices. C'est des choses souvent simples à éviter, mais tellement de sites se plantent... C'est malheureux.

#3 Brutasse , le 28 May 2008 à 13h  :

Les bonnes pratiques, finalement, ce sont des choses qui relèvent du bon sens... Il faut croire que le bon sens n'est pas inné !

@Pouet: je trouve que le design épuré et minimaliste, ça a du bon parfois. On ne se perd pas ;-)

#4 David, biologeek , le 28 May 2008 à 16h  :

@Pouet : pas besoin de me faire changer d'avis, j'en suis déjà convaincu. J'y travaille, j'y travaille.

@giz404 : oui, tiens j'ai oublié de parler aussi du petit bout de js qui met le focus dans le champ de recherche et qui ne permet plus d'utiliser les raccourcis clavier. Pour un moteur de recherche ça se comprend, pour un autre site non.

@Brutasse : le bon sens est inné, le problème c'est qu'on perd rapidement l'inné au profit du jetenmetpleinlavueinutilement pour débloquer les budgets...

Et sinon concernant le design, ça restera très épuré.

#5 Massive , le 31 May 2008 à 20h  :

Je l'ai lu aussi ce livre, vraiment très bien fait et très interessant. Très souvent tout les trucs et les ptites astuces coulent de source (d'ailleurs l'auteur le précise au début du livre) mais une piqure de rappel ne fait pas de mal et le livre est bien organisé pour que l'on puisse structuré et expliqué simplement ce qui nous semblait une évidence. Bref, je le recommande vivement à tous les acteurs qui participe à la création d'un site web !

#6 Mat , le 28 June 2008 à 19h  :

Un petit mot pour dire un GRAND merci !
J'ai acheté le bouquin d'Amelie Boucher grâce à cet article et je le trouve vraiment bien fait. Merci pour le conseil, n'hesite pas a nous faire partager tes autres lectures :)

#7 Arnaud Jibaut , le 25 July 2008 à 16h  :

Le livre apporte effectivement beaucoup d'informations intéressantes. Cela dit, je le trouve plutôt mal écrit et donc pas très agréable à lire. J'ai d'autres livres sur le référencement très très agréable à lire.

#8 David, biologeek , le 25 July 2008 à 21h  :

Je ne suis pas de cet avis mais si tu as des noms d'ouvrages sous la main je suis preneur.

Ajouter un commentaire

© 2004-2008 David Larlet - Licence (presque) libre - Site enfin propulsé par Django et hébergé par Typhon.