Ergonomie-Web.com

06 mars 2006

Cet article est le premier d’une série de dix par lesquels je vais tenter de vous donner un maximum d’indications sur comment déceler des erreurs de conception, appuyer les visiteurs de votre site Internet dans leur démarche de recherche d’information, et mettre en œuvre des solutions efficaces pour ce faire.

Qu’est-ce que l’ergonomie de façon générale?

L’ergonomie est selon mon dictionnaire «l’étude des relations entre l’Homme et la Machine». C’est en soi l’appréhension de la façon dont les Hommes perçoivent les interfaces qu’ils utilisent, qu’elles soient logicielles, Web, ou même tout simplement les tableaux de bord des voitures, les instruments de mesure dans les hôpitaux ou les machines à café.

Les enjeux de l’ergonomie sont réels, on peut très rapidement se rendre compte de l’importance pour les pilotes de ligne à prendre en main le plus rapidement et le plus facilement possible leur tableau de bord. Une catastrophe aérienne a eu ainsi pour origine des problèmes de lecture des unités utilisées dans les indicateurs… (J.-F. Nogier, 2003)

De façon générale, il convient de créer des outils faciles de prise en main, c’est une évidence mais ce n’est pas toujours simple.

Je pense que par exemple que les machines à laver en général mériteraient d’être un peu mieux conçues, j’ai toujours eu un peu de mal à comprendre comment elles fonctionnaient, où mettre quel liquide, est-ce que le «noir», je le met plutôt avec le programme prévu pour le «synthétique» qui est indiqué ou celui du «blanc» qui l’est aussi. Car, en effet, ma machine à laver a dû être conçue avant l’apparition des vêtements en couleurs et en noir.

Idem avec nos magnétoscopes et autres enregistreurs DVD: quelle galère de savoir sur quelle chaîne se mettre, puis sur quel bouton appuyer, est-ce qu’il faut laisser la télé sur ladite chaîne ou peut-on regarder la une en même temps? Et si je veux enregistrer sur le satellite? Arrrgh…

Nous allons le voir tout au long de ce dossier, c’est en constatant de telles problèmes de manipulation sur des interfaces que l’on peut en améliorer la prise en main, mais également le succès, à l’instar de celui de Thomson après avoir modifié l’ergonomie de ses télécommandes… ou d’IBM après avoir revu entièrement la présentation de son site Web (J.-F. Nogier, 2003).

Il est avant tout très important de bien comprendre ce qu’est l’ergonomie appliquée dans le domaine de l’Internet

En effet, le domaine qui nous intéresse ici est celui de l’ergonomie appliquée au Web, ne nous égarons pas.

Depuis que le Web s’est démocratisé, l’évolution des sites Internet s’est fait de façon un peu anarchique. Chacun à sa façon pensait (et c’est encore souvent le cas) que son site Internet lui convenant tout à fait, il conviendrait à tout un chacun.

Mais là n’est pas la réalité des choses. J’ai pour ma part toujours su me repérer et m’orienter dans la plupart des sites Internet, mais parce que j’y ai toujours passé beaucoup de temps. Malheureusement, lorsqu’un jour j’ai eu ma tendre mère par téléphone et que je n’ai pas réussi à lui faire récupérer une information importante sur ma boîte e-mail (peut-être m’exprimai-je mal aussi), je me suis rendu compte qu’il n’était effectivement pas le média le plus simple à appréhender, d’autant plus qu’il est récent.

L’ergonomie appliquée au Web est donc l’art de faire en sorte que l’ensemble des cibles d’un site Internet puisse trouver facilement l’information recherchée sur celui-ci.

Dans l’idéal, si l’on imprime la page d’accueil d’un site Internet, on doit pouvoir indiquer rien qu’en la regardant quelles sont les informations que l’on peut trouver dans ce site, celles qui n’y seront pas, où cliquer pour aller vers l’information recherchée et décrire en une phrase le thème global associé.

L’équipe de projet n’est pas l’utilisateur lambda, attention aux préjugés!

Malheureusement, on croit trop souvent pouvoir prévoir l’utilisation de telle ou autre des interfaces d’un site Internet, parce que l’on l’aura prévue ainsi.

Les expériences montrent que les utilisateurs ont bien trop souvent des actions inattendues. Ces actions sont par ailleurs révélatrices d’erreurs de conception. L’utilisation du moteur de recherche interne au site par exemple est souvent une solution de facilité pour avoir à éviter à se perdre dans les trop nombreuses catégories d’un site Internet.

Je me prends parfois moi-même à utiliser Google pour retrouver une information à l’intérieur du site de l’entreprise où je travaille actuellement, une des incontournables du e-commerce en France!

Il est important de donner un maximum d’indications aux utilisateurs et d’être un maximum cohérent dans ses interfaces, mais cela ne suffit pas. Il existe deux moyens de savoir où l’on pêche: en interrogeant les utilisateurs et en observant les utilisateurs.

On verra ainsi dans un prochain dossier quels sont les moyens de détecter des problèmes d’utilisation.

Par ailleurs, je tiens à préciser dès à présent que, malheureusement, il n’existe pas d’ «utilisateur moyen» et que l’on doit bien adapter son site pour chacune de ses cibles, en vérifiant la bonne acceptation par celle-ci de vos interfaces.

Qu’est-ce qu’un «site Internet utilisable»?

La bonne question! Un site Internet utilisable est un idéal impossible à atteindre, dans la mesure où tout est toujours perfectible, mais vers lequel on doit tendre à se rapprocher.

Cet idéal permettrait à chacun, quelque soit son âge, son origine sociodémographique ou sa connaissance du média lors de la consultation d’une page Web, de savoir à tout moment:

• Où il se trouve dans le site Internet,
• Quelle est l’information globale présentée sur la page,
• Quelle est l’information globale présentée sur le site,
• Comment aller vers la page qui l’intéresse le plus rapidement possible.

Respect des conventions: risque d’être conventionnel mais gage d’utilisabilité

«Quel vice pour les graphistes de voir leur site Internet ressembler à un autre, quel manque de créativité!» Une idée reçue qui n’est pourtant pas forcément valable sur internet.

Le premier objectif d’un site Internet est de présenter de l’information et de faire en sorte qu’elle soit accessible le plus rapidement possible et lisible.

Il n’est pas aisé pour un internaute de rencontrer une nouvelle interface où il perd ses repères. Dix secondes à tenter de comprendre «comment ça marche», c’est déjà beaucoup trop long pour des utilisateurs qui ont le clic facile.

Donc présenter le logo en haut, le menu à gauche, les liens soulignés, le contenu à droite, est-ce manquer de créativité? à peu près autant que tous ces fabricants de voitures qui osent encore y implanter un volant rondet non pas un joystick !

Définitions utiles pour tous

Je vais vous présenter ma façon de voir certains termes utilisés couramment dans le monde de l’ergonomie. Je fais ces définitions volontairement courtes pour une meilleure compréhension.

Définition des IHM et interfaces Web

Les Interfaces Homme Machine sont les zones d’échange entre l’utilisateur et l’«utilisé». En informatique, ce peuvent être bien évidemment l’écran, mais aussi la souris, le clavier,… tout ce qui permet d’échanger de l’information avec l’ordinateur.

En ce qui nous concerne, on parlera d’interfaces Web, c'est-à-dire la présentation à l’écran des pages Web et de sa perception par l’utilisateur.

Définition de l’ «utilisabilité»

L’utilisabilité d’une interface Web est sa capacité à être bien appréhendée par ses utilisateurs.

Définition de la «navigabilité»

La navigabilité d’un site Internet est déterminée par la rapidité pour ses utilisateurs à évaluer le chemin à emprunter pour se rendre à l’information recherchée. On cite souvent en ergonomie la règle des «trois clics» qui permettrait à un utilisateur d’accéder à n’importe quelle information du site à partir de la page d’accueil en maximum trois clics.

Définition de l’ «accessibilité»

L’accessibilité d’un site Internet est évaluée selon sa capacité à être bien appréhendé par ses utilisateurs potentiels.

Média : http://www.ergonomie-web.com | Lien permanent

14 décembre 2005

Vous pouvez retrouver ce dossier de 8 pages en suivant le lien suivant : voir le dossier Accessibilité et e-commerce : quels bénéfices ? [PDF].

Sommaire :

1. Introduction
2. Intérêt et place de l’accessibilité Web aujourd’hui
3. Qu’est-ce que l’accessibilité appliquée à un site de vente en ligne ?
4. Positionnement actuel des sites de e-commerce
5. Quels sont les bénéfices ?
6. Moyens de mise en place d’une politique d’accessibilité
7. Comment vérifier que mon site est accessible
8. Conclusion

Pour tout retour, suggestion, désaccord, vous pouvez me contacter.

Média : Ergonomie-Web.com | Lien permanent

05 décembre 2005

Pourquoi des statistiques ?

Vous trouverez ici quelques statistiques qui vous aideront sûrement à mieux comprendre quelle population se trouve actuellement sur Internet, et quels sont les intérêts de ces internautes.

Synthèse

Ces statistiques montrent bien comment l'Internet est en train de se démocratiser et comment les internautes sont de plus en plus acheteurs sur Internet.

Moteurs de recherche : clic sur les liens "naturels" ou sponsorisés ?

Liens sponsorisés : 40% des visites issues des moteurs (60% recherche naturelle) (44,7% dans le domaine des voyages, 28,3% dans le domaine de l'e-commerce)

(Source : Xiti relayé par JDN - 12-2005)

---

Accès aux sites Internet :

• Accès direct en baisse de 7% soit 57%,
• Liens naturels : 25%,
• Liens sponsorisés : 18%

(Source : Xiti relayé par JDN - 12-2005)

À propos des internautes

83% des internautes à domicile connectés en haut débit (+50% en 1 an)

Durée de connection : 5h30 en bas débit contre17h21 en haut débit

(Source : Médiamétrie - 10-2005)

---

49% des internautes se sont connectés au cours du dernier mois.

+10% d'internautes en 1 an.

(Source : Médiamétrie - 10-2005)

---

48,5% (12.273.000) des foyers équipés d'un micro-ordinateur.

35,5% (8.983.000) des foyers ont Internet, soit les 3 quarts des foyers équipés d'un micro-ordinateur.

(Source : Médiamétrie - 10-2005)

---

79% des cyberacheteurs français équipés en haut débit (92% au domicile, 39% au bureau, 55% au domicile exclusivement).

(Source : Médiamétrie relayée par JDN - 2005)

---

56% des internautes français ont acheté un voyage en ligne au premier semestre 2005.
67% des personnes interrogées achètent plus souvent en ligne qu'en agence.

(Source : JDN, TNS Sofres - 2005)

Utilisation des moteurs

91% des internautes utilisent des moteurs de recherche (49 visites sur des moteurs de recherche pour un mois et un internaute).

(Source : Médiamétrie - 11-2005)

---

Utilisation des moteurs : (Nombre d'utilisateurs - Pourcentage d'utilisation - Evolution)

1. Google (16.574.000 - 64% - +15%),
2. Wanadoo/Voilà (8.137.000 - 11%),
3. MSN (7.572.000 - 7%),
4. Yahoo! (5.554.000 - 7%),
5. AOL (1.857.000)

(Source : Médiamétrie - 11-2005)

---

On note dans les moteurs de recherche :

• 1 mot clé tapé : 39%,
• 2 mots clés tapés : 33%,
• 3 mots clés : 17%,
• + de 3 : 11%

(Source : Médiamétrie - 11-2005)

---

Sur la période d'un an :

• Transactions : +190%.
• Chiffre d'affaires en ligne : +153%.
• 1 français sur 4 a déjà acheté en ligne.
• 1 français sur 8 sur le dernier mois (+50% en 1 an).
• 56% des internautes confiants dans l'achat en ligne(plutôt 50% selon médiamétrie/Fevad).
• 51% de femmes connectées ont acheté en ligne .

(Source : ACSEL - 10-2005)

---

Domaines des intentions d'achat sur Internet selon les mots clés tapés dans les moteurs :

1. Culture & loisirs (22%),
2. Voyages (15%),
3. Informatique (13%),
4. Services financiers (9%),
5. Rencontres / astro (9%)

(Source : ACSEL - 10-2005)

---

Principales évolutions des centres d'intérêt :

1. Transports (+166% sur un an),
2. Audio/photo/ciné (+303%),
3. Vêtements & accessoires (+111%)

(Source : ACSEL - 10-2005)

 

Top sites

Sites les plus vus lors de la dernière année (en nombre de visiteurs uniques pour un mois) :

1. Google (14.100.000),
2. Free (11.345.000),
3. Wanadoo (11.064.000),
4. MSN (10.977.000),
5. Microsoft (10.288.000),
6. Yahoo (9.059.000),
7. Pages Jaunes (7.567.000),
8. Voilà (7.165.000),
9. eBay (6.102.000),
10. Mappy (5.586.000),
11. Lycos (NC),
12. FNAC (NC),
13. CDiscount (NC),
14. Voyages-SNCF (NC),
15. 01Net (NC),
16. Tiscali (NC),
17. La poste (NC),
18. Linternaute (3.768.000)

(Source : Médiamétrie - 10-2005)

---

Premiers sites de e-commerce :

1. eBay (8,5M - 42% des internautes),
2. Voyages SNCF (8M - 39%),
3. FNAC (6,7M - 33%),
4. CDiscount (5,6M - 29%),
5. La Redoute (5,4M - 27%),
6. Amazon (5,4M - 27%),
7. Alapage (5,3M - 26%),
8. PriceMinister (5,1M - 25%),
9. LastMinute.com (3,5M - 17%),
10. RueDuCommerce.com (3,2M - 16%)

(Source : Médiamétrie - 11-2005)

Quelques statistiques sur l'e-commerce

Facteurs déclenchant l'achat :

1. Prix (45%),
2. Disponibilité produit (41%),
3. Rapidité d'achat/paiement (37%) ,
4. Promotions (31%),
5. Confiance (23%),
6. Rapidité transport (28%),
7. Performance site (22%),
8. Info produits (21%),
9. Facilité paiement (17%)

(Source : Fia-Net - 09-2001)

---

Utilisation d'Internet par continent ( % total, % pénétration (pourcentage de population équipée), croissance depuis 2000) :

• Afrique (2,5%, 2,7%, 429,8%)
• Asie (34,2%, 9,2%, 191%)
• Europe (29,3%, 35,5%, 171,6%)
• Moyen Orient (1,7%, 8,6%, 392,1%)
• Amérique du nord (23%, 68,2%, 107,3%)
• Amérique latine / caraïbes (7,5%, 13,3%, 303,8%)
• Océanie/Australie (1,8%, 52,9%, 132,2%)

Pénétration globale moyenne monde : 15,2%.

(Source : InternetWorldStats.com - 09-2005)

---

Sources globales : JournalDuNet, Médiamétrie, Xiti, internetworldstats.com, ACSEL

Média : Ergonomie-Web.com | Lien permanent

07 novembre 2005

En bref

Comment le référencement et l'ergonomie / accessibilité sont techniquement associés au moment de la création d'une page Web.

L'article

L’ergonomie Web et le référencement sont des thèmes qui n’ont a priori rien à voir. L’une traite de l’organisation de l’espace d’une page Web, et l’autre de la façon d’assurer sa promotion. Cependant, en s’y penchant d’un peu plus près, les techniques d’optimisation d’un site Internet pour les moteurs de recherche conduisent souvent à une amélioration de l’accessibilité et pour cause.

Optimisation du référencement = Structuration de la page

L’optimisation de son référencement se fait par une hiérarchisation des informations d’une page, donnant ainsi la priorité à certains mots clé qui sont ainsi mis en évidence. On va ainsi techniquement préférer les balises de type H1, H2, H3 en HTML pour créer des titres au lieu de simples balises DIV auxquelles on va adjoindre un style. Un titre reflétant généralement le contenu des paragraphes suivant, c’est à lui que l’on donne la priorité aux robots des moteurs de recherche qui, eux, font abstraction des feuilles de style et ne voient que le code HTML.

Robots des moteurs = même fonctionnement que les logiciels adaptés aux non-voyants

On se rend ainsi compte du fait que les robots fonctionnent de la même façon que les logiciels de synthèse vocale ou adaptés aux malvoyants, qui privilégient les textes à l’apparence.

Alors, pour prêcher pour ma paroisse et dans l’ordre : pourquoi tout simplement ne pas intégrer à chaque fois une bonne politique d’accessibilité lors de la conception des sites Internet, optimisant ainsi ce même site pour le référencement ? Un bon argument de vente de l’accessibilité, non ?

Média : http://ergonomie-audit.blogspot.com | Lien permanent