Dans un article récent, Jared M.Spool nous parle du “design invisible”. Il explique que le meilleur design est celui-ci qui devient invisible. 

Quand les choses vont bien dans la conception de sites, nous n’y prêtons pas attention.  Nous avons seulement l’habitude de prêter attention aux choses qui nous dérangent.

C’est comme un climatiseur dans une salle de conférence. Personne va interrompre une réunion pour dire que la température est agréable. Au fait, ils ne la remarquent même pas. Ils ont seulement remarqué la température de la pièce quand il fait trop froid ou trop chaud.  Ou peut-être lorsque  l’appareil est trop bruyant ou a une fuite à travers le plancher. Mais quand ça fonctionne parfaitement, cet appareil devient invisible.

Il en est de même avec le design en ligne. C’est un ensemble de détails souvent développés durant des heures par les concepteurs, mais qui passent inaperçus pour les utilisateurs. Et cela ne veut pas dire que ces aspects ne sont pas importants. C’est simplement parce que les concepteurs ont fait très bien leur travail : ils l’ont rendu invisible. 

Le chemin d’accès à l’invisible dans la conception commence par l’élimination de toutes les frustrations. Techniques, comme les tests d’usabilité et d’études sur le terrain, sont de grands points de départ pour voir à travers les yeux des utilisateurs.

Article complet en anglais : Great Designs Should Be Experienced and Not Seen 

Difficile de ne pas les avoir remarquées… Ces navigations développées en pied de page sont de plus en plus populaires et elles font partie des changements ergonomiques liés au Web 2.0. Beaucoup de sites web modernes ont abandonné le plan du site traditionnel affichés sur une page et ils ont plutôt adopté des « mini plan de site » dans la zone inférieure des pages.

Évolutif et ingénieux, le plan du site en pied de page est aussi appelé « filet de secours ». Insérer une navigation en pied de page reste particulièrement pratique, donne plus de valeur à votre contenu et facilite l’accès au reste du site.

Du point de vue stratégique, pourquoi utiliser la navigation en pied de page ?

• Attirer l’attention des internautes : ces derniers ont plutôt tendance à faire défiler rapidement le contenu d’un site et lorsqu’il arrivent en pied de page, cela reste sans doute le dernier endroit où ils regardent avant d’abandonner la visite du site. Hors placer un plan du site sur cet endroit relance le visiteur dans sa consultation du site.
• S’assurer que vos visiteurs n’ont rien oublié : parfois, les internautes risquent d’être trop paresseux pour cliquer sur le lien « plan du site » et par conséquent manquer certains contenus importants.
• Faire la promotion des liens : vous pouvez l’utiliser comme une zone alternative pour promouvoir des pages importantes qui ne sont pas présentes dans la navigation principale de votre site.
• Faire gagnez du temps à vos lecteurs : Avoir un plan du site en pied de page permet aux utilisateurs de passer rapidement d’une page à l’autre et cela en un seul clic !!!
• Aérer l’affichage des liens et améliorer la mise en page graphique : l’utilisation de l’espace-écran est mieux optimisée et cela donne l’impression que votre site a plus de contenu.

Vont-ils remplacer les pages « site map/plan du site » traditionnelles?

Personnellement je pense que les deux techniques peuvent coexister. Dans les deux cas, le but d’avoir un plan du site est d’aider les visiteurs et les moteurs de recherche à trouver de l’information aisément sur le site.

Des exemples ?

WebDesignWall nous inspire avec 20 exemples de sites (de grandes sociétés à de petits sites) qui ont adopté intelligemment les navigations en pied de page pour améliorer la facilité d’accès à leur contenu.

Pourquoi prendre le temps de rendre un site Web plus accessible ?

En plus de rendre service aux malvoyants, le site sera plus facilement accessible d’exploration aux moteurs de recherche. Et en conséquence, il aura plus de chances d’être mieux indexé.

Afin d’aider les malvoyants à trouver des informations utiles et plus pertinentes sur le Web, et aussi rapidement que possible, Google a développé Accessible Search. Ce dernier identifie et donne la priorité aux résultats de recherche qui sont plus facilement utilisés par les utilisateurs aveugles et les malvoyants. C’est-à-dire que les pages sont propres, simples et elles peuvent se charger sans images. Dans sa version actuelle, Google Accessible Search se base sur un certain nombre d’éléments en examinant les balises HTML trouvées sur une page Web. Il tend à favoriser les pages avec peu de distractions visuelles et qui sont susceptibles d’avoir un rendu acceptable même si les images sont désactivées.

Conseils pour rendre l’information accessible

Alors, que peut-on faire pour rendre les sites plus accessible?
L’article apparu dans le blog  pour webmaster de Google : Webmaster tips for creating accessible, crawlable sites explique comment créer des sites web indexables par les moteurs de recherche et accessibles pour les aveugles ou malvoyants. Tout en sachant que les critères dans les deux domaines se ressemblent, voici quelques conseils à prendre en considération :

• Tout d’abord, il faut rester simple. Garder les pages Web facile à lire, en évitant l’encombrement visuel, et faire en sorte que le but principal de la page est de la rendre accessible immédiatement avec une navigation complète depuis le clavier.  

• Il existe de nombreux organismes et ressources en ligne qui offrent aux webmasters d’orientations sur la façon de rendre les sites Web et les pages plus accessibles. Le W3C publie de nombreuses lignes directrices d’accès au contenu: Web Content Access Guidelines.

• Le contenu doit être accessible et lisible pour tous. En fait, on peut considérer Google comme l’internaute aveugle le plus influent au monde. Le contenu qui importe le plus au robot Googleboot est le même contenu qui va intéresser à l’utilisateur aveugle ou malvoyant. Le contenu doit être disponible sans avoir besoin d’évaluer les scripts sur une page. Le contenu caché derrière des animations Flash ou du texte généré dans le navigateur en JavaScript reste opaque pour le robot Googlebot, ainsi que pour la plupart des utilisateurs aveugles.

• Vérifier que le contenu communiqué via les images est disponible lorsque ces images sont manquantes en rajoutant des attributs ALT appropriés. Veiller à ce que le texte entourant l’image fait un travail adéquat de la mise en contexte pour comprendre la raison pour laquelle l’image est utilisée.

• Accompagner des animations visuelles avec un résumé sous forme de texte.

• Ajouter des résumés et des légendes dans les tableaux pour que l’utilisateur puisse avoir un aperçu des informations transmises avant plonger dans les détails.

• Examiner le contenu pour savoir comment il est accessible aux autres utilisateurs finaux. Par exemple, essayer de parcourir le site sur un écran monochrome ou essayer d’utiliser le site sans une souris. Il est intéressant aussi d’examiner la facilité d’utilisation du site par le biais d’un appareil mobile comme le BlackBerry ou un iPhone.

Bonne lecture !
Webmaster tips for creating accessible, crawlable sites
Tips for making information universally accessible