Les erreurs du web design... (1ère partie)
16 juin 2005 :: Web design :: #23
Lors de la conception d'un site Internet, comme dans n'importe quel autre type de création où le design se mêle à la technique, il existe un « état de l'art ». C'est une notion éminemment abstraite et changeante, parfois subjective, et donc loin d'être gravée dans le marbre. Mais c'est néanmoins une référence incontournable pour qui veut bâtir, ou faire bâtir, une maison, un jardin, ou un site web, qui réponde au mieux aux besoins de ses utilisateurs.
Parmi les différentes approches, il y a les « à faire » (« do ») et les « à ne pas faire » (« don't »). Aujourd'hui nous aborderons la deuxième approche, en s'appuyant sur le célèbre site webpagesthatsuck du non moins connu Vincent Flanders, un journaliste consultant qui depuis 1996, se plait à relever sur la toile les plus grosses erreurs commises sur des sites web dits « professionnels » ou « commerciaux ».
Dans son dernier opuscule, « The biggest web design mistakes of 2004 », il évoque les quatorze erreurs les plus courantes relevées sur des sites en production durant une année. Son analyse, si elle n'est pas exhaustive, permet au moins d'éviter les plus gros écueils, en attendant d'évoquer aussi le côté positif des choses, avec les bonnes pratiques.
En voici l'essentiel, argumenté par mon interprétation et mes propres convictions sur le sujet.
Croire que les gens s'intéressent à vous et à votre site web
Non, personne ne s'intéresse ni à vous, ni à votre site ! Ce qui intéresse avant tout le visiteur, c'est une solution à son problème ou une réponse à sa question. La plupart des gens visitent un site pour répondre à une ou plusieurs de ces trois attentes:
- Ils ont besoin d'information
- Ils ont besoin de consommer (ou de donner...)
- Ils ont besoin de se divertir
L'unique raison pour laquelle votre site web existe est pour répondre aux besoins de vos clients. La question à se passer en boucle est donc : « Quelle attente de ma cible est comblée dans chacune des pages de mon site ? »
Une personne venue d'ailleurs n'arrive pas à saisir l'objet de votre site en moins de 4 secondes
Nous devrions être capable de tomber sur la page d'accueil de n'importe quel site web et en comprendre l'objet en moins de quatre secondes (d'autres parlent du test des 5 secondes), sans quoi, ce site a échoué. Souvent, les sites qui font l'erreur précédente font également celle-là.
Un problème de largeur ou de hauteur de site inadapté à une résolution standard de 1024 x 768, voire 800 x 600 encore en vigueur aujourd'hui, peut suffire à casser cette règle.
Un mauvais choix du message initial, la fameuse « tagline » ou slogan, peut également perdre, ou pire, tromper le visiteur dans la première impression qu'il retire du site.
« Notre préoccupation : satisfaire le client » n'en dit pas beaucoup sur le genre de satisfaction dont le site fait la promotion !
Penser que votre site web est votre stratégie marketing
Excepté peut-être pour un « pure player », un site qui vendrait en ligne des tee-shirts ou des DVD, un site web n'a aucune raison de représenter 100% de votre stratégie marketing. Jamais Internet ne remplacera tous les moyens classiques de votre communication.
On évite donc de placer tous ses oeufs dans le même panier électronique !
Une croyance quasi mystique dans le pouvoir des standards du web, l'utilisabilité et les CSS « sans tableaux »
Attention ! En tant qu'ardent défenseur et promoteur des standards du web et de l'utilisabilité, il n'est pas question de remettre en cause leurs incomparables bienfaits, mais juste rappeler que ce ne sont que des outils et des règles. Personne ne s'inquiète de savoir comment est construit votre site, seulement de constater qu'il est attractif et fonctionne bien.
Un décideur à qui l'on présente un projet de site web ne se soucie pas du design de l'information ou de l'accessibilité, seuls cinq thèmes l'intéressent :
- Comment augmenter les revenus ?
- Comment réduire les dépenses ?
- Comment attirer plus de clients ?
- Comment obtenir plus d'activité à partir de chaque clients ?
- Comment augmenter le placement des investisseurs ?
Constatez comme les mots « design », « utilisabilité » ou « navigation » n'apparaissent pas dans ces questions. Encore une fois, comme dans la première erreur, il s'agit de ne pas se tromper de cible. Et l'application stricte des standards, de l'utilisabilité et des CSS - même s'ils sont plus que souhaitables - ne rendront pas votre site rentable, connu, ou graphiquement sublime. Cela serait trop facile !
Utiliser des éléments de design qui distraient vos visiteurs
Lorsqu'un internaute arrive sur votre site, que ce soit à travers un moteur de recherche ou toute sorte de lien, c'est dans un but précis, et avec une attente déjà assez bien formulée. Iriez-vous le détourner de sa quête avec toutes sortes de préliminaires, une animation, de la musique, un message en « pop-up », une page vide de contenu, trop de texte, trop d'images ?
Contrairement à la « vraie vie », ici on va droit au but et on ne perd pas de temps.
Par contre, un préliminaire est nécessaire lorsque vous faites de la publicité en ligne sur un autre site. C'est seulement ici que vous avez besoin de séduire les gens pour les inciter à visiter votre site.
Echec de navigation
Toute navigation sur le web doit répondre aux questions suivantes :
- Où suis-je ?
- Où suis-je allé ?
- Où puis-je aller maintenant ?
- Où est la page d'accueil ?
La navigation doit être simple, logique et consistante. Les erreurs courantes sont l'utilisation de différents systèmes de navigation sur le même site, un lien qui pointe sur la page en cours, des liens non explicites, pas de retour à la page d'accueil, retour confus, etc.
Utiliser la navigation « mystère » (Mystery Meat Navigation)
La meilleure façon de détruire une bonne navigation est l'utilisation de symboles sans texte et souvent peu intuitifs en guise de boutons, et qui réagissent au passage de la souris pour exprimer leur vraie nature. C'est le plus souvent un code Javascript qui gère ces « effets » aussi nuisibles que dramatiques sur l'expérience de l'utilisateur.
Autant certains sites sur la musique, le cinéma, la mode ou l'art peuvent se permettre ce type d'excentricités, autant un site commercial ou corporatif ne doit surtout pas commettre ce type d'erreur. Car un jour ou l'autre, une agence Internet ou un web designer peut être tenté par ce niveau d'abstraction !
