|
Créez votre site Charte
graphique et ergonomie Ergonomie
Les Web rédacteurs le savent bien : on ne lit pas sur un écran
d'ordinateur comme on lit les pages d'un livre ! Parce qu'elle est liée
à une projection de faisceaux lumineux, sur un écran, la lecture
sur le Web diminue la capacité de concentration du lecteur et devient rapidement
fatigante. Résultat : l'internaute lit souvent en diagonale, il lit
rarement mot à mot et se contante de "scanner" la page. La prise
de conscience des spécificités de la lecture sur le Web ont permis
d'adapter la rédaction à ces nouvelles contraintes et de formuler
une "charte d'écriture Web". Cette charte tacite énonce
les règles fondamentales pour bien écrire sur le Web : hiérarchiser
l'information, mettre en valeur le texte grâce aux puces, aux couleurs et
aux images, être succinct, utiliser les liens hypertextes et l'interactivité.
Il est possible de vendre une multitude de produits et de services sur Internet.
Peu importe ce que vous vendez, un site de commerce électronique doit offrir
les mêmes services de base que vos clients s'attendent à recevoir
lorsqu'il font affaire avec vous en personne.
Vous n'achèteriez certainement pas dans une boutique où les articles
seraient présentés pêle-mêle, sans affiche ni moyens
de vous y retrouver. Or, il n'est pas rare de tomber sur des cyberboutiques où
l'on semble faire tout ce qu'on peut pour vous compliquer la vie.
Avant d'ouvrir votre magasin virtuel, réfléchissez à la manière
dont vous organiserez vos produits et offrez à vos clients plusieurs façon
de trouver ce qu'ils cherchent. Par exemple, vous pouvez offrir des liens intuitifs
qui mènent à différentes catégories de produits, installer
un moteur de recherche dans lesquels les clients
pourront entrer le nom d'un produit ou, encore, fournir une piste de navigation
qui permettra aux clients de savoir exactement où ils se trouvent dans
votre site.
Le temps passé par un utilisateur sur un site n'est pas un indicateur
fiable de sa satisfaction. En effet, si un consommateur passe trop de temps sur
un site donné, cela signifie peut-être que la présentation
des produits est loin d'être fonctionnelle ou que l'information sur ces
derniers est difficile à obtenir. Cet utilisateur risque, en fait, de ne
jamais devenir un client. L'arborescence d'un site doit faire en sorte d'aboutir
le plus rapidement et simplement possible à l'information. La multiplication
des chemins vers une même information est un bon moyen pour y parvenir.
À la différence des logiciels, le mode de fonctionnement d'un site
doit être compris dès les premières secondes d'utilisation.
Pour cela, l'unique solution consiste à tirer parti de la "Web user
expérience" : l'expérience d'internaute de vos visiteurs.
Il s'agit de conformer votre site non pas aux modes mais aux modalités
de navigation déjà validées par les utilisateurs eux-même.
Ces modalités sont celles utilisées par les sites enregistrant un
fort trafic. Seuls de tels sites peuvent mesurer en temps réel l'impact
sur le public de tel ou tel choix ergonomique. Ainsi, l'abandon des "frames"
par tous les sites à fort trafic fut justifié par le rejet exprimé
par les internautes envers cette solution. A l'inverse le maintien sur ces mêmes
sites du caractère bicolore des liens visités/non visités
ou encore le soin apporté aux titres des pages ou encore la barre de progression
résumant le cheminement de l'internaute, participe à faire du cadre
du site un espace familier où l'orientation devient instinctive, conditionnée
par l'expérience.
Si vous avez le plus beau site du Web, mais que les visiteurs ne comprennent
pas de quoi il parle, quels produits on y vend, ou simplement s'y perdent, cela
ne sert à rien. Mettez-vous à la place du consommateur qui a de
l'argent à dépenser ou un cadeau à acheter, et analysez votre
site en vous posant deux questions :
 Les
produits sont ils faciles à trouver ?
La
transaction est-elle simple à réaliser ?
Créez des liens privilégiant le texte,aux libellés clairs,
sans devinettes ou messages cachés, avec une présentation standard.
Imaginez que dans un supermarché, les rayons soient indiqués par
des icônes au lieu de texte. Il y a fort à parier que les clients
auraient beaucoup de mal à trouver leurs produits, car chaque personne
n'associerait pas la même signification à chaque icône que
celle imaginée par son concepteur. Les utilisateurs trouvent plus facilement
de l'information sur un site quand les liens sont rédigés en texte,
par rapport à des icônes, ou même par rapport à des
icônes accompagnées d'un libellé textuel. De plus, ces liens
textuels sont d'autant plus efficaces qu'ils donnent une idée suffisamment
précise de la page vers laquelle ils pointent. Il convient donc, contrairment
à ce que croient certains designers, d'éviter les titres de liens
qui posent une enigme à l'internaute. Sur un site utilitaire, celui-ci
n'aime pas être distrait futilement de l'objectif personnel qui l'a amené
là.
On recommande de respecter les pictogrammes usuels à la commande (un petit
Caddie ® pour constituer son panier d'achat ou des intitulés explicites
pour d'autres fonctions comme la consultation de sa commande en cours). L'internaute
doit se repérer instinctivement. L'originalité est à proscrire
car elle est source de confusion. Ensuite, il faut être clair sur les prix,
la disponibilité, les modalités logistiques... et indiquer dès
le début chaque élément sans que l'internaute n'ait à
rechercher ces informations cruciales.
Sur le déroulement de l'acte d'achat, il est préférable d'opter
pour des étapes courtes, quite à ce qu'elles soient plus nombreuses,
plutôt qu'une étape longue, mais il vous faut matérialiser
la progression dans le processus grâce à des indicateurs du type
1/5, 2/5,... Par ailleurs, il est important de définir précisément
à quel moment la commande est réellement validée.
Pensez aussi aux déficients visuels. Le principe de base à comprendre
est de fournir une alternative textuelle à tout élément graphique
d'un site. Par exemple pour les images, il faut remplir l'attribut ALT de la balise
IMG pour préciser le contenu de l'image. Il faut donner l'information fonctionnelle
et non pas une description textuelle de l'image, par exemple si une icône
représentant une petite maison sert à aller à la page d'accueil,
l'attribut ALT doit contenir "accueil" et non "petite maison" !
En plus des images, il faut donner des alternatives textuelles aux scripts, versions
flash,... Un script qui permet de changer la couleur d'un lien au passage de la
souris n'est pas forcément génant. En revanche, si vous avez un
menu en javascript, il est indispensable d'en donner un équivalent textuel,
sinon une partie des utilisateurs ne pourront tout simplement pas accéder
aux rubriques. Ainsi, des sites contenant essentiellement des pages de textes
relativement accessibles peuvent devenir totalement inaccessibles parce que leur
page d'accueil ne contient qu'une belle animation flash sans alternative textuelle.
Quant aux pop-up, il faut carrément les éviter, car les aveugles
ne savent plus où ils en sont, doivent fermer la fenêtre et non pas
aller en arrière pour revenir à la page précédente.
Les créateurs de sites regorgent de talent et présentent tous
un certain bon sens. Et, malgré cela, les erreurs sont nombreuses. Quand
on a créé un site, on le connaît par cœur. Or, il faut
avoir du recul pour émettre un avis sur l'ergonomie d'un site. Il faut
des avis extérieurs. Ceux des proches, des utilisateurs, le
votre !...
Voir aussi :
Sommet de la page
Pour toute question ou remarque concernant ce site,
envoyez un courriel à jacques @ 0faute.com
Dernière mise à jour de cette page le 11/12/2005.
|
