Comme le but d'Heptades est de donner à ses clients (actuels ou futurs) le plus d'atouts pour réussir leur projet web, et parce que nous voyons ces erreurs encore si fréquemment, nous avons décidé de vous offrir 10 erreurs supplémentaires, soit 20 au total (notre générosité nous perdra, nous en sommes conscients...). Nous avons classé ces erreurs en 2 niveaux : les erreurs du débutant et les erreurs de l'initié qui ne l'est pas suffisamment :

Les erreurs du débutant

  1. Le manque de cohérence visuelle : une mise en page changeante d'une rubrique à l'autre ne vous permettra pas de créer une "identité visuelle" auprès de l'internaute, identité nécessaire pour vous distinguer de vos confrères et pouvoir positionner vos valeurs et vos produits.
  2. Des couleurs trop vives et un fond sombre : la première génération de créateurs de site a été une génération de techniciens, peu rompus à l'usage d'une palette de couleurs qui en comporte plusieurs millions et qui utilisaient par conséquent les premières couleurs proposées par les outils d'édition de pages web, souvent très "fluos".
    Par extension des sites utilisant de telles couleurs, souvent sur un fond noir, sont connotés "sites personnels" en plus d'afficher un mauvais goût certain et une très mauvaise lisibilité.
  3. Du texte mis en page façon "traitement de texte" : Internet est un support à part entière disposant de ses propres conventions et codes de communication. De nombreux sites présentent un contenu directement "collé" d'un document destiné à l'impression.
  4. Souligner du texte ordinaire : sur Internet, la convention sans doute la plus établie consiste à indiquer des liens par un soulignement. Souligner un autre élément textuel qu'un lien conduit immanquablement l'internaute à penser que ce texte est un lien. Outre sa déception il risque tout bonnement de croire que le site est défectueux (et en un sens il aura raison) et à le quitter. Il existe de nombreux moyens de mettre un texte en valeur sans recourrir au soulignement.
  5. L'introduction en Flash : sans doute l'exemple le plus répandu du mauvais usage que l'on peut faire d'une bonne technologie, y compris dans des sites professionnels. En effet, à part dans de rares cas (communication événementielle ou de marque déjà (re)connue, par exemple) l'introduction Flash s'interpose souvent entre l'internaute et les informations qu'il désire. L'internaute doit en effet attendre le chargement de l'animation puis la regarder se dérouler pour espérer une éventuelle information utile, ce qui en général n'est pas inclus dans une telle animation. Le message perçu s'apparente donc à bonjour, STOP !!, Attendez !, regardez voir comme on est beaux... ah euh, au fait, il vous fallait quelque chose ?. Ce problème est encore plus aigu lorsque cette animation figure sur un site ayant vocation à être consulté fréquemment, vous pouvez alors être certain de l'énervement de l'internaute qui ne pourra plus vous "voir" sans être stressé, ce qui devrait être l'inverse même de l'objectif d'un site internet... L'ajout d'un lien pour "passer l'intro" n'y changera rien.
    Pour convaincre les plus sceptiques d'entre vous, regardez la proportion des "nouveaux visiteurs" sur votre site, les seuls susceptibles d'éventuellement apprécier l'animation. Vous pouvez également faire un test un mesurant le taux de rebond de votre page d'accueil avec et sans intro flash. De même essayez de supprimer l'intro pendant un mois, il y a de fortes chances que votre référencement s'en trouve amélioré.
  6. Les menus trop "exotiques" Faites simple, l'internaute ne doit pas à avoir à réfléchir où cliquer pour trouver l'information qu'il cherche, un balayage en diagonale de la page doit suffire. L'erreur courante consiste à vouloir traduire l'originalité du produit ou service promu dans la façon dont sont faits le menu et la navigation. De nombreux sites d'artistes tombent ainsi dans le piège du "menu" tellement artistique que personne n'arrive jamais à voir les oeuvres...
    En la matière, ne soyez pas original mais simple et efficace. Une étude sectorielle comparative peut vous aider à définir une navigation "standard". Certains logiciels peuvent également vous aider à concevoir une arborescence.
  7. Les documents scannés Bien que les scanners aient fait des progrès, rien n'est plus irritant pour un internaute que de découvrir un document scanné (souvent très mal, d'ailleurs) au beau milieu d'une page web. Qu'il s'agisse d'illustrations ou de photos cela achèvera de convaincre l'immense majorité des internautes que vous ne maîtrisez pas l'informatique et que vous accordez peu d'importance à votre site et donc aux internautes qui le consultent. De là à déduire que vous en faite de même avec l'ensemble de vos clients, le pas est aisé à franchir. Si vous ne pouvez pas mettre en ligne un document de façon "propre", ne le faîtes pas !
  8. Une photo en fond de page Technique très prisée des informaticiens qui pensaient convaincre tout le monde de leur compréhension de l'esthétique, l'utilisation d'une photo ou d'un motif complexe a été très répandu il y a une petite dizaine d'années et malheureusement certaines personnes s'accrochent à ces pratiques au détriment de tout bon sens ergonomique. Le texte apparaissant par dessus l'image est en effet rarement visible et l'effet visuel général est souvent déplorable... Restez sobres dans votre design, les internautes sous le rendront !
  9. L'utilisation de plusieurs plug-ins Si vous ciblez une audience large et pas forcément technophile, essayez de n'utiliser des plug-ins que là où cela apporte un réel plus. Java et Quicktime permettent par exemple d'intégrer de belles vues interactives en 360°, mais est-ce qu'une photo au format panoramique n'aurait pas suffi ? Les internautes vont-ils passer 15 minutes à installer Quiktime ou la dernière machine virtuelle Java pour que cela fonctionne ? Ces technologies peuvent éventuellement apporter un complément mais il faut s'assurer que c'est l'internaute qui choisi d'y accéder et qu'il dispose d'un document alternatif, accessible en HTML standard. Si vous vous adressez à des dirigeants d'entreprise, n'oubliez pas que leur machine est sans doute vérouillée pour empêcher l'installation de plug-ins et parfois même de javascript...
  10. Faire réaliser votre site par une connaissance Réaliser un site internet pertinent nécessite de réunir une maîtrise non seulement technique mais également une compréhension fine de votre environnement, de votre stratégie, du contexte concurrentiel et des codes de communications propres à votre secteur d'activité et à vos cibles, tout cela dans une perspective de 2 à 5 ans. Le fait d'être passionné par PHP et MySQL et de maîtriser les CSS n'aide en rien à cela et une personne seule n'aura pas la réponse à tous vos problèmes. Pensez également au fait que mettre à jour un site conçu par un autre peut (dans certains cas) coûter plus cher que de tout refaire.

Les erreurs de l’initié

  1. Perturber le fonctionnement du bouton Précédent. Ce bouton est la fonction la plus utilisée juste après le clic sur un lien. Il permet à l’utilisateur de retourner sain et sauf en territoire connu. La perturbation est souvent engendrée par une des erreurs suivantes :
    • Ouvrir une nouvelle fenêtre
    • Faire une redirection automatique qui renvoie l’utilisateur à la page dont il veut sortir
    • Empêcher la mise en cache de la page
  2. Ouvrir une nouvelle fenêtre : cela pollue l’écran de l’utilisateur et monopolise les ressources de son ordinateur. Si l’utilisateur veut ouvrir une nouvelle fenêtre, il peut le faire tout seul ! Cela interrompt également le flux de navigation.
  3. Faire une utilisation non standard des éléments de formulaire (par exemple, valider sur un « onchange »). Les utilisateurs aiment les choses prédictibles, cela les rassure et les conforte, un comportement standard sera donc la plupart du temps souhaitable.
  4. Le manque d’information sur l’auteur ou l’entité responsable et l’emploi d’un lien « e-mail » direct. L’internaute souhaite savoir à qui il a à faire et disposer de moyens d’entrer en contact en formulant une demande.
  5. Le manque d’archives. La « vieille information » est souvent de la bonne information, utile pour les lecteurs. Même lorsque les informations récentes sont importantes il y a toujours un intérêt dans les archives (historique, documentation, mots-clés, évolution, …) et leur conservation est peu onéreuse. D’autre part cela évite également de mettre des pages indexées de votre site en « erreur 404 » sur les moteurs de recherche et encourage par conséquent les sites à faire des liens vers vous.
  6. Changer les URLS des pages : à chaque changement vous risquez de rompre nombre de liens extérieurs vers votre site et vous priver d’une audience intéressante.
  7. Employer des titres qui n’ont pas de sens hors contexte. Les titres sont souvent employés en dehors du contexte de la page (sommaire, résultats de moteurs de recherche, …). Il faut donc arriver à être explicite et être pertinent (cohérence avec le contenu).
  8. Avoir des temps de réponse trop longs (par exemple : le fameux « preloader de la mort »). C’est sans doute le point qui « tue » le plus de visiteurs. Que ce soit pour découvrir un objet en 3D, une vidéo ou une animation Flash, le calcul d’un affichage personnalisé pour l’utilisateur, …peu importe ! cela entame la confiance de l’internaute et la crédibilité du site.
  9. Ressembler à une publicité : les internautes ont appris à ne plus faire attention aux publicités, omniprésentes sur le web, ainsi tout contenu ressemblant de trop près à une pub de part son format, ses couleurs, son animation sera occulté automatiquement. Il est donc recommandé d’éviter en particulier de ressembler à une bannière, d’ouvrir des popup et de faire des animations intempestives.