Tous les gens qui participent de près ou de loin à la création d’un site web ont commis cette erreur au moins une fois : ne pas faire évaluer le site par une tierce partie. Il a fallu le commentaire d’un lecteur (merci Neville!) pour que je me rende compte que j’avais fait la même chose sur Lucide Web. Alors qu’un des mes articles précédents favorisait la constance dans le soulignement des liens, les titres de mes articles n’étaient pas soulignés, contrairement à tous les autres liens sur mon site.

L’objectivité est vitale à la création d’un site facile d’utilisation, mais c’est une chose qui ne peut pas être fournie par les gens qui participent à sa conception. Pourquoi?

1) On ne peut pas feindre l’ignorance

Une fois qu’on sait quelque chose, on ne peut pas consciemment éliminer cette connaissance de notre mémoire. Essayez de regarder l’image ci-dessous sans la lire :

Votre cerveau décode le mot et vous ne pouvez rien n’y faire! Maintenant, regardez cette deuxième image :

Si vous ne parlez pas le hindi, vous remarquerez probablement les courbes, points et la forme des lettres. Vous aurez peut-être même une opinion quant à l’aspect esthétique de cet alphabet. Avez-vous déjà considéré ces détails en lisant le français? Probablement pas.

Si vous savez que de cliquer une certaine image vous mènera vers un formulaire, il vous sera impossible de prétendre ne pas le savoir. Chaque fois que vous visiterez le site, votre cerveau saura déjà où les éléments se trouvent et où ils mènent. Votre facilité à y naviguer vous donnera l’impression qu’il est intuitif et ergonomique, alors qu’en réalité il pourrait être tout le contraire.

2) Vous n’êtes pas impartial


Vous adorez cette teinte de vert, vous avez choisi le design, vous avez créé cette image percutante! Pensez-vous vraiment pouvoir admettre que l’intro animée que vous aimez tant est cause de confusion auprès des visiteurs?

Que vous soyez entrepreneur ou designer, il est tout à fait normal de s’investir personnellement dans un tel projet. Votre personnalité et vos goûts influencent les couleurs, la mise en page, l’emplacement des éléments, etc. Mais attention que votre âme d’artiste ne nuise pas à votre sens des affaires!

3) Vous ne verrez pas les problèmes

La « cécité inattentionnelle » (« Inattentional Blindness ») est un phénomène qui fait en sorte que nous ne voyons pas certaines choses qui sont pourtant visibles. Le cerveau présume qu’elles ne sont pas assez importantes pour attirer l’attention, alors nous ne les « voyons » pas, même si elle sont clairement situées à l’intérieur de notre champ visuel. La façon la plus efficace de démontrer ce phénomène est illustrée dans ce test fascinant : (cliquez sur l’image et suivez les instructions) (anglais)

Il y a plusieurs raisons pour lequelles nous remarquons certaines choses mais pas d’autres. Il se peut qu’on ait vu un même site tellement souvent que rien n’attire plus notre attention. Ou encore, peut-être avons nous cliqué les mêmes liens si fréquemment que nous avons développé des réflexes automatiques.

Quand nous apprenons à effectuer des tâches automatiquement, nous ne portons plus attention à ce qu’on fait et nous nous concentrons sur d’autres choses, ce qui nous empêche de remarquer si quelque chose a changé. Certaines personnes qui utilisent quotidiennement la même route en voiture ont parfois l’impression de ne pas se souvenir de leur trajet. Pourquoi? Ils connaissent tous les détails de la route par cÅ“ur; ils n’ont pas besoin d’y porter attention. Le cerveau se fie donc aux processus automatiques, leur permettant d’être « dans la lune » et de penser à autre chose.

Obtenez une deuxième, troisième et quatrième réaction!

La perception de chaque individu est unique, influencée par ses expériences, sens et pensées. Il est impossible de la reproduire. Il n’y a donc aucun équivalent à la réaction directe d’une autre personne.

Afin d’obtenir une idée réaliste de la façon dont les gens réagissent à votre site web, vous devrez observer plusieurs personnes. Un professionnel en ergonomie peut vous aider à effectuer de simple tests avec des utilisateurs réels. Ces tests vous permettront de découvrir les aspects problématiques de votre site.

Pour plus d’information :

• “Inattentional Blindness” and Conspicuity (Visual Expert Human Factors) (anglais)
• « Inattentional Blindess » sur Wikipedia (anglais)

Votre site web affiche-t-il une notification «sous construction»? Pensez-vous peut-être que cela lui donne un aspect dynamique, actif? Si c’est le cas, vous n’êtes pas seul. Les résultats de recherche des mots « Under Construction » (et « sous construction ») sur Google se nombrent à plusieurs millions, de petites entreprises aux multinationales. De telles notifications, même si elles sont bien intentionnées, peuvent endommager votre crédibilité.

Elles prennent habituellement une des formes suivantes :

• Le site web futur
  Un écran temporaire pour un site qui n’existe pas encore; c’est l’équivalent de l’affiche « Fermé ». Bien que les entreprises physiques doivent fermer chaque jour, le web, quant à lui, est ouvert 24 heures par jour.
• Le site web incomplet
  Le site est publié, mais certaines sections disponibles au public ne sont pas terminées. Ce faisant, vous dites à vos visiteurs que votre contenu n’est pas fiable.
• Le lien vers la page qui n’existe pas encore
  Ce cas est particulièrement frustrant pour les utilisateurs, car ils cliquent sur un lien qui doit les mener vers de l’information dont ils ont besoin, mais une fois arrivés sur la page, on leur sert un message tel que « cette page est sous construction ».
• Le « teaser »
  Ajouter une icône à la suite d’un item, indiquant que l’information n’est pas encore disponible. Comme sa cousine, « Bientôt! », celle-ci provoque la frustration en affichant quelque chose dont les visiteurs ont besoin, mais sans leur donner accès. Ils en ont besoin maintenant, et non pas « bientôt »!

« Sous construction » : Est-ce vraiment si nuisible?

Une apparence non-professionnelle
Les sites web sont toujours « sous construction ». Le web est dynamique; il est facile de mettre à jour un site aussi souvent qu’on le désire. En affichant une notification « sous construction », vous trahissez plutôt le fait que vous ne reconnaissez pas l’importance du web comme faisant partie intégrante de votre image d’entreprise.

De l’information incomplète donne l’impression que vous négligez vos clients
Si vous n’êtes pas prêt à publier, attendez que l’information soit complète avant de le faire. La facilité de publication sur le web n’est pas une excuse pour donner de l’information qui n’est pas de qualité. Donneriez-vous à un client potentiel un texte écrit à la main plutôt qu’une brochure imprimée professionnellement?

Cela va à l’encontre des normes de design web
Un designer compétent n’utilisera jamais ce genre de notification en développant un site web; il comprend la perception des utilisateurs et il concevra des suggestions qui correspondent à vos objectifs d’entreprise. Le design est le facteur #1 qui déterminera si les visiteurs feront confiance à votre site: ça vaut l’investissement.

Buts louables, mauvaise solution!

Les buts derrière l’utilisation de notifications « sous construction » sont valides. Par contre, des solutions plus efficaces existent, qui n’endommageront pas votre réputation :

But : Vous voulez qu’il soit apparent que votre site est régulièrement mis à jour
Solution : Ajoutez une date de dernière mise à jour sur chaque page de votre site. De cette façon, les visiteurs seront confiants que l’information est à jour.

But : Vous voulez annoncer une mise à jour (spécifique) prochaine
Solution : Si vous devez annoncer quelque chose d’avance, assurez-vous d’afficher la date exacte à laquelle l’information sera disponible, et respectez-la. Le terme «bientôt » est trop vague et ne sera pas pris au sérieux.

But : Vous voulez motiver les gens à revenir
Solution : La seule façon efficace de motiver les gens à visiter votre site est de leur fournir de l’information de qualité dont ils ont besoin. La mention « Revenez souvent », des graphiques animés ou tout autre stratagème ne changeront rien à ce fait.

But : Vous voulez ajouter de la vie à votre site en utilisant des images
Solution : L’utilisation d’images est difficile à bien effectuer: si elles ne sont pas utilisées convenablement, elles peuvent facilement endommager votre crédibilité. Engagez un designer qualifié pour traduire votre vision dans le langage du web.

Pour plus de lecture sur le sujet :
Consumer Reports WebWatch Investigation: How do People Evaluate a Website’s Credibility?
Website design aesthetics
Top 7 Usability Blunders Of The Big Players

L’utilisation d’images dans la navigation (menu) d’un site est très difficile à accomplir de façon efficace; les gens ont beaucoup plus tendance à regarder le texte en premier, plutôt que les images. Les images qui ressemblent à de la publicité ou qui ont un aspect purement décoratif sont souvent ignorées. Jakob Nielsen, leader dans la recherche sur l’utilisabilité, a fait une étude (anglais) sur les mouvements des yeux des gens lorsqu’ils naviguent une page web. Voici ses conclusions concernant les images vs le texte :

Le texte attire davantage l’attention que les graphiques
Les endroits où les gens fixent les yeux sur une page consistaient d’images dans seulement 22% des cas; la plupart du temps (78%), les gens allaient directement vers le texte. En général, les utilisateurs étaient attirés par les titres, les sommaires d’article et les légendes. Ils n’ont souvent regardé les images que lors de leur deuxième ou troisième visite sur la page. (trad. libre)

Dans la capture d’écran ci-dessous, devinez quelles images sont des liens :

Voici la même page, les images avec hyperliens entourées de rouge :

Les cinq images du bas sont non seulement des liens, elles représentent le seul moyen direct de se rendre à de l’information très importante, respectivement : pour les hommes, pour les femmes, à propos des enfants, de la santé sexuelle et de la santé mentale. Puisqu’on ne peut pas déterminer si ces photos sont des liens (et parce qu’elles sont situées tout en bas de la page), il est peu probable qu’on clique dessus.

Ce genre de problème est si fréquent qu’on lui a donné un nom : « navigation mystère » (anglais) (« Mystery Meat Navigation »). L’encyclopédie Wikipedia le définit comme suit :

La navigation mystère est un terme utilisé pour décrire des interfaces (particulièrement dans le cas de sites web) qui n’indiquent pas clairement où mènent les liens et, dans les pires cas, où il est très difficile de déterminer où se trouvent les hyperliens sur la page. (trad.libre)

Sur le site montré en exemple, la navigation pourrait être sensiblement améliorée en :

1. Réduisant la taille de l’énorme photo du haut de la page; elle prend beaucoup de place et ne représente pas une section-clé;
2. Repositionnant l’information importante en haut de la page;
3. Combinant le texte avec les images (par exemple, en ajoutant une description sous chaque photo).

Pour plus d’information :

• Usability drawbacks of image based navigation systems (www.nirdagan.ca) (anglais)