Fabienthomas.com

On peut trouver sur la toile bon nombre de listes d’erreurs à éviter pour avoir un site performant, bien souvent ces listes se résument à 10 erreurs, ou encore sont titrées “les 10 erreurs de webdesign à éviter”. Il est bien évident que la liste ne s’arrête pas à 10 erreurs, elles sont bien plus nombreuses. Il y a les grosses erreurs qui pénalisent vraiment un site, à corriger d’urgence, mais il y a aussi beaucoup de petites erreurs qui une fois mises bout à bout nuisent réellement aux performances d’un site ou d’un blogue.

Voici une liste globales, publiée grâce à un billet de l’excellent dailyblogtips, et complétée par moi même.

1. Vos visiteurs doivent savoir de quoi traite votre site en quelques secondes : Si un visiteur ne sait pas à quoi sert votre site, ou de quoi il traite, il va probablement aller ailleurs, la sortie n’est pas plus loin qu’un clic de souris.
2. Ayez du contenu facilement lisible : Nous sommes sur internet, pas dans un livre. Evitez les grosses tartines de texte, vos visiteurs parcourent probablement votre site en faisant autre chose en même temps, et ne peuvent donc pas perdre du temps à lire vos textes en entier. Attirez l’attention avec des titres, sous-titres ou encore des listes
3. Oubliez les polices de caractère fantaisies bien souvent illisibles : Ce n’est pas nouveaux, il existe des milliers de polices de caractère qui donnent à votre site un look sophistiqué, mais bien souvent au dépends de la lisibilité de votre contenu. Si votre objectif est de faire passer un message au travers de votre site, utilisez des polices facilement lisibles.
4. N’utilisez pas de polices minuscules : Les recomandations sont les même que dans le point précédent, assurez vous que vos lecteurs soient à l’aise pour lire votre contenu. Firefox peut facilement zoomer mais tout le monde n’utilise pas firefox.
5. N’ouvrez pas vos liens dans des nouvelles fenêtres : Je le faisais avant, la logique était simple, si les liens s’ouvraient dans des nouvelles fenêtres ou des nouveaux onglets, les utilisateurs ne quittaient pas mon blogue. FAUX laissez l’utilisateur controler l’ouverture du lien. Il y a un bouton retour sur les navigateurs, c’est pas pour rien !
6. Ne redimensionnez pas les fenêtres des navigateurs : Laissez vos visiteurs maîtres de leur navigateur, rien de plus irritant qu’une fenêtre aux dimenssions bridées, genial pour perdre de votre crédibilité.
7. Ne demandez pas d’inscriptions si ce n’est pas nécessaire : Quand vous surfez sur le net, vous chercher à obtenir de nouvelles informations, pas l’inverse. Ne forcez pas les utilisateurs à laisser leur mail et autres détails les concernants
8. N’abonnez pas un utilisateur à quelque chose sans son consentement : N’abonnez pas automatiquement un visiteur à votre newsletter quand il s’inscrit sur votre site, je ne suis pas sur qu’envoyer des emails non demandés aide à se faire des amis.
9. N’abusez pas du flash : À part augmenter le temps de chargement de vos pages, l’usage excessif de flash peut agacer les visiteurs. Utilisez flash seulement si nécessaire.
10. N’utilisez pas de musique : Il y a quelques années, les webdeveloppers essayaient d’intégrer avec succes de la musique dans les sites web. Devinez quoi, Ils ont carément ratés ! N’utilisez pas de musique dans vos sites web, c’est ringard et complètement “has been”
11. Si vous DEVEZ utiliser un fichier audio, laisser le visiteur controler sa mise en route : Parfois, l’utilisation d’un fichier audio est incontournable, dans ce cas laissez à vos visiteurs la possibilité de le controler. Ne lui imposez pas la lecture des son entrée sur le site.
12. Ne surchargez pas vos pages avec des badges : Pour commencer, les badges de réseaux sociaux ou de communautés donnent à votre site une image non-professionnelle. Pour ce qui est des récompenses ou classements mettez dans votre page ” À propos”
13. N’utilisez pas de “splashscreen” (page d’accueil) : Moins il y a d’étapes à franchir pour acceder à votre contenu, mieux c’est
14. N’oubliez pas vos informations de contact : Il n’y a rien de pire qu’un site sans informations de contact. C’est regrétable pour vos visiteurs, mais aussi pour vous, car vous vous privez ainsi d’éventuels “feedbacks” intéressants
15. Ne court-circuitez pas le bouton retour du navigateur : Ceci est un des principes de base de l’usabilité. Ouvrir les liens dans des nouvelles fenêtres casse cette “chaine” .
16. Arretez les textes clignotants : En 1996 c’était tendance, aujourd’hui c’est juste ringard
17. Essayez d’eviter les url complexes : avoir des URLs simples et basées sur des mots clés, n’est pas seulement bo pour votre référencement, mais aussi pour vos utilisateurs qui peuvent ainsi facilement identifier le contenu de la page.
18. Utilisez du CSS plutôt que les tables HTML : Les tables HTML étaient utilisées pour la mise en page des sites. Avec l’arrivé du CSS, plus rapide, plus fiable et personalisable a souhait, il n’y plus aucunnes raisons de continuer à utiliser ces tables
19. Offrez à vos lecteur la possibilité de rechercher dans votre site : Les moteurs de recherche ont révolutionnés le net, c’est pas pour rien, c’est parce qu’ils facilitent les recherches globales, faites en autant à votre échelle.
20. Abandonnez les menus de type “dropdown” et “suckerfish” : Le visiteur doit pouvoir en un coup d’œuil voir toute la navigation. Utiliser un menu “Dropdown” peut cacher l’information qu’il cherchait
21. Utilisez des textes pour votre navigation : En plus d’etre plus rapide, c’est aussi plus fiable, et de plus certains utilisateurs pour des raisons X ou Y naviguent sans afficher les images
22. Si vous “linkez” un fichier PDF, précisez le : Rien de pire que de clicker sur un lien et voir son navigateur figer pendant l’ouverture(non désirée) d’acrobat reader.
23. Ne perdez pas votre visiteur dans le choix de plusieurs versions : Quelle est ma bande passante ? 56 kbps? 128 kbps ? Flash ou html ? Vos visiteurs veulent acceder à votre contenu, ne l’oubliez jamais
24. Ne surchargez pas vos pages de pubs : Sortez vous de la tete que vous aller devenir millionaire avec votre site web, c’est faux ! Au mieux vous allez gagner quelques dollars au dépends d’utilisateurs agacés par l’omniprésence de pubs dans votre contenu. Et u visiteur agacé, est un visiteur perdu.
25. Utilisez une navigation simple : Parfois moins il y en a et mieux c’est ! Assurez vous que votre site est un systeme de navigation clair et simple. Vous ne voulez pas noyer votre visiteur dans une navigation surchargées ou il va peiner à trouver ce qu’il cherchait.
26. Evitez les “intros” : Ne forcez pas le visiteur à regarder ou a lire quelque chose avant qu’il puisse accéder à ce qu’il cherchait. C’est juste énervant et il ne va restez que si ce que vous proposez est unique.
27. N’utilisez pas frontpage : Ceci est valable pour les autres éditeurs de code bon marché. Ils facilitent la mise en page, certes mais génerent un code artisanal et bien souvent buggué et imcompatible avec certains navigateurs
28. Assurez vous que votre site soit compatible : Tous les navigateurs ne fonctionnent pas de la meme manière, et certains ont plus de mal que d’autres à afficher votre site, faites au mieux pour remédier à cela, sous peine de perdre de votre lectorat à long terme.
29. Evitez les liens de type “clickez ici” : Décrivez vos liens, c’est mieux pour vos visiteurs et aussi pour le référencement des sites pointés par ces liens
30. Ne masquez pas la déstinantion de vos liens : En plus de savoir ou il va atterrir en cliquant sur le lien, le visiteur peut voir l’url du lien dans la barre de status de son navigateur. Si vous masquez vos liens, votre site va perdre de sa crédibilité.
31. Rendez vos liens visibles : Le visiteur doit pouvoir faire la différence entre ce qui est cliquable et ce qui ne l’est pas. Les techniques sont aussi nombreuses que variées, couleur diffférentes, soulignage…
32. Ne soulignez pas ou ne colorez pas les textes normaux : Sauf si indispensable souligner ou colorer des textes de contenu ne peut que semer la confusion pour vos visiteurs
33. N’oubliez pas de colorer les liens visités : Ce point est très important pour l’usabilité de votre site. Colorer les liens visités aide vo s visiteurs à se reperer dans votre site et leur évite de revenir sur une même page sans le vouloir.
34. Oubliez les gifs animés : A moins d’avoir une banière publicitaire animée, evitez les gifs animés. En plus de donner une image non-proféssionnelle, cela détourne l’atention du contenu.
35. N’oubliez pas les attributs des images : En plus d’etre bénéfique pour le référencement, les attributs ALT et TITLE ont un rôle important pour certains utilisateurs, notamments les déficients visuels
36. Arretez les couleurs criardes : Si vos visiteurs se plaignent de mots de têtes après 10 minutes passées sur votre site, repensez alors votre charte graphique.
37. N’utilisez pas de pop-ups : Presques tous les utilisateurs utilisent désormais des “pop-up blocker”, donc évitez tous simplement les pop-ups
38. Evitez les liens en javascript : Ces liens qui executent des petits javascript quand on clique dessus. Evitez les, bien souvent c’est la source de problemes pour vos visiteurs
39. Ne négligez pas votre footer (pied de page) : Les utilisateurs finissent toujours par arriver sur le footer s’il ne trouvent pas ce qu’ils cherchent dans la page, Utilisez votre footer en y insérant un lien vers la page d’accueil et pourquoi pas vers la page de contact
40. Evitez les pages interminables : Si vos lecteurs doivent descendre le long de la page pendant 150 ans, ils vont tout simplement sauter la page jusqu’en bas. Si vous avez des pages trop longues, repensez alors votre mise en page et votre navigation.
41. Pas de “scrolling” horizontal : Alors que le scroll vertical est toléré parce que privilégié depuis toujours, un scrolling horizontal par contre est intolérable. La résolution la plus courante de nos jours est 1024×768 pixels, assurez vous donc que votre site rentre dans ces critères.
42. Chassez les fautes d’orthographe : Ce point n’a rien à voir avec le web design, mais c’est un facteur déterminant pour la qualité d’un site internet. Verifiez que vos textes et liens ne contiennent pas de fautes d’ortographe ou de grammaire.
43. Les capchas : Si vous utilisez un capcha pour vous proteger du spam, assurez vous que les caractères soient lisibles trop de capchs utilisent des images illisibles. De plus il existe de nouvelles techniques pour remplacer ces capchas.
44. Les titres de pages : Autre point qui n’a rien a voir avec le web design, les titres de vos pages sont très importants décrivez vos pages dans vos titres, ça ne coute rien et c’est bénéfique pour votre référencement.
45. Corrigez moi : Et oui, je ne suis pas un bot, et je fais des erreurs comme tout le monde ^^ Si besoin est n’hésitez pas à me corriger les commentaires sont aussi la pour ça. Les trackbacks sont aussi ouvert et libre à qui veut de reprendre ce billet.

Aller a plus