La suite des choses "à ne pas faire lors de la conception d'un site internet". Après avoir vu le "problème de la pertinence du contenu" aujourd'hui nous allons expliquer des notions d'"accessibilité".

Rappel des rubriques :

1. Sur internet tout finit par ce savoir
2. Problème de la pertinence du contenu
3. Accessibilité
4. Couleurs / lisibilité
5. Une image de marque à ne pas ternir

Accessibilité

Introduction : L'accessibilité n'est pas une insulte, ce n'est pas non plus un retour en arrière dans la manière de concevoir un site web, c'est juste prendre en considération les internautes, tout les internautes. Si vous faite un site accessible non seulement vous ouvrez les portes de votre site internet à de nouveaux visiteurs, mais en plus cela veut dire que vous prenez en compte tout vos utilisateurs et que la navigation de celui ci seras plus aisé. L'accessibilité est une avancé pour tous, alors mettez la au centre de vos préoccupations lors de la conception d'un nouveaux (ou de la refonte d'un ancien) site internet .

8 Avoir son site internet entièrement en flash (problème d'accessibilité)

• Le problème : votre site internet est une application Flash, et vous n'avez pas prévu d'alternative en (x)Html / Css
• Conséquence : votre site à beau être à la pointe de la technologie, avoir des effets et des animations qui font de lui un site ergonomique pour l'utilisateur normal, mais il n'est pas accessible, les applications flash sont plus lourde qu'une page textuel de code (x)Html une personne ayant une connection internet bas-débit ou des restrictions de trafic (comme c'est le cas dans certaines entreprise) ne pourras pas charger votre application, une personne déficiente visuel ne pourras pas accéder à vos informations car elle ne pourras pas aisément lire le texte et suivre les animations (avec tout les navigateur on peut agrandir le texte d'une page (x)Html, "Ctrl+" pour Mozilla Firefox par exemple), une personne à mobilité réduite ne pouvant pas se servir d'une souris (et donc utilisant exclusivement le clavier) ne pourras pas naviguer.
• Conseil : il faut impérativement avoir doubler votre site flash par une version en (x)Html / Css, je sais que le flash c'est dans le "mouv", que "ça fait bien" mais ça ne facilite pas forcément la vit des internautes ! Dans l'idéal (qui n'existe que rarement), il faudrait que le site flash et le site (x)Html classique soi des copies conforme en terme de contenu et de fonctionnalité (et mis à jour en même temps), et que chaque copie soit à la pointe dans son domaine, mais tout cela demande de l'investissement en temps ou en argent. Faites votre choix (je ne vous conseillerais que trop de soigner votre site (x)Html !) et l'utilisateur seras le dernier juge de votre travail.

9 Interdire l'emploi d'Internet Explorer" (I.E.)

• Le problème : vous avez fait votre site internet avec un navigateur respectant les standards, et vous n'avez pas envie de passer du temps à bidouiller pour qu'il s'affiche clairement sous I.E., vous mettez donc en place un script qui détecte le navigateur qui affiche une message d'avertissement et bloque l'accès au site lorsque il détecte Internet Explorer.
• Conséquence : vous perdez tout les visiteurs potentiels qui navigue avec internet Explorer, et vous risquez d'être mal vus par ce qui on lut ce message d'avertissement.
• Conseil : ce n'est pas la bonne manière d'agir. Vous avez le droit de penser que I.E. est mal fait et ne respecte pas les standards (règles communes, rédigés par le W3C, de programmation pour uniformiser le code produit par les différents sites internet sur la toile et pouvoir se faire comprendre des navigateurs correctement ndlr.) mais ce n'est pas une raison pour le bannir de votre site, vous perdrez un nombre certains de visiteurs si vous agissez comme ça. Il faut dans la mesure du possible faire pour que chaque navigateur puisse accéder dans de "bonnes conditions" à votre site internet. Vous pouvez écrire une mention précisant que le site est optimisé pour tel ou tel navigateur, mais pensez bien que c'est au site internet de s'adapter à l'utilisateur et non le contraire.

10 Dire que votre site internet est accessible alors qu'il ne l'est pas

• Le problème : vous avez une mention "Valide Xhtml 1.0", ou une mention apparenté sur votre site internet mais il n'est pas totalement valide lorsque vous le soumettez à l'un des validateurs automatisé affilié au W3C.
• Conséquence : vos faite en quelques sorte une "publicité" mensongère pour votre site, en général on met en avant ce genre de chose car c'est une manière de montrer à nos visiteurs que l'on se soucie d'eux et des standards. Il peut arriver qu'au moment de la création du site il soit conforme mais que depuis que vous avez apporter des modifications il ne le soit plus.
• Conseil : vérifiez de temps en temps que votre site est toujours conforme au standards, vous pouvez utiliser l'outil du W3QC (W3C Québec) en français qui est pratique.

11 Abuser de l'Ajax et des effets Javascript (il faut penser à ceux qui souhaitent naviguer en mode texte ou avec le javascript de désactiver)

• Le problème : vous utiliser beaucoup d'effet Javascript (ou Ajax) et la navigation est impossible lorsque le Javascript est désactiver.
• Conséquence : le Javascript risque d'alourdir vos page si il est utilisé en trop grande quantité et vous bloquez l'accès à ceux qui ne peuvent pas (ou ne veulent pas) naviguer avec le Javascript activé.
• Conseil : n'oublier pas que c'est le site internet qui doit s'adapter à ses visiteurs et non l'inverse. Il faut, dans la mesure du possible, que votre site soit "navigable" lorsque le Javascript est désactivé.

12 Programmer en (x)Html en ne respectant pas la "sémantique" (utiliser une balise de paragraphe "<p>" pour faire un titre au lieu des balises "<h1>" à "<h6>" par exemple)

• Le problème : vous utiliser votre code (x)Html pour faire de la mise en forme (au lieu d'utiliser le langage CSS) et vous ne dissociez pas le contenu de la forme, vous pensez "effet graphique" et non pas "sémantique".
• Conséquence : les moteurs de recherche seront moins efficace sur votre site,. Si vous ne le dites pas au robot d'indexation, comment peut il savoir quel élément est votre titre et quels éléments sont le contenu de votre page ?
• Conseil : le (x)Html à été crée pour que l'on programme des pages en respectant une certaine logique (on appelle cela la "sémantique" pour en savoir plus), il faut respecter les règles de bases. (tutoriel sur la création de site web très bien écrit sur le Site Du Zéro)

13 Ne pas avoir d'adresse distinctes pour chaque page (l'URL dans la barre d'adresse du navigateur est toujours de la forme http://monsite.com)

• Le problème : quelles que soit la page de votre site le navigateur nous renvoie la même URL.
• Conséquence : un visiteur ne peut pas accéder rapidement à une page spécifique de votre site internet sans passer par l'accueil, c'est moins pratique. Les moteurs de recherche auront plus de mal à vous indexez, ce cas se présente lorsque votre domaine est une re-directions transparentes.
• Conseil : oubliez les re-directions transparents et préférez un nom de domaine qui soit directement attaché à votre hébergement.

14 Ne pas préciser le texte alternatif des images (il faut renseigner correctement la balise alt="")

• Le problème : vous ne renseignez pas le texte alternatif à vos images.
• Conséquence : le moteur de recherches sont incapables d'indexer le contenu de vis images, et les personnes déficientes visuels ou qui ont fait le choix de naviguer sans afficher les images (pour raccourcir le temps de chargement des site internet et rendre la navigation plus fluide par exemple) sont pénalisé.
• Conseil : il faut absolument renseigner le texte alternatif de vos images, aucun logiciel n'est, à l'heure actuel, capable de décrire avec exactitude une image, une image vaut parfois mieux qu'un long discours mais pour certaines de vos visiteurs il n'y auras ni discours ni image, c'est bien dommage. Pensez accessibilité vous faciliterais la vie de TOUT vos visiteurs.

15 Longue U.R.L. (Uniform Resource Locator ndlr.)

• Le problème : Vous avez une adresse pour votre site du genre http://monfai.com/siteperso/monpseudonyme
• Conséquence : votre adresse n'est pas facilement mémorisable vous perdez donc la possibilité de voir, des gens venir spontanément par le bouche à oreille (il faut prendre le temps de taper l'adresse et plus c'est long moins on as envie de le faire).
• Conseil : utiliser une service qui vous permet de raccourcir vos adresse de façon drastique (Minilien est pratique), ou alors acheter vous un noms de domaines (chez Gandi.net par exemple, toutefois vérifier bien que votre hébergeur vous donne la possibilité de re-diriger un domaine vers ses serveurs, il faut d'abord récupérer l'adresses de ses serveurs DNS, le problème est que la plupart des hébergeur de page personnelles (F.A.I., hébergement gratuit) ne permettent pas de faire ce genre de manipulation, dans cas tournez vous vers des offres à bas prix (OVH as des prix hyper-compétitifs).

16 Lancer de la musique au chargement de votre site (ou d'une des pages du site sans prévenir l'utilisateur).

• Le problème : lorsqu'on arrive sur votre site un morceau de musique se fait entendre.
• Conséquence : un visiteurs qui écouté déjà de la musique pourrait être gêné, un visiteur ayant un connection bas-débit ne pourrait pas chargé votre page, une personne aveugle serait considérablement gêné puisque le son de la musique et de son lecteur vocale se superposerait.
• Conseil : ne jamais lancer automatiquement la lecture d'un morceau de musique au chargement d'une page web, cela gêne vos visiteurs et prend de la bande passante; Si vous souhaiter que les visiteurs puissent écouter de la musique mettez un "player" (par exemple le très bon dewplayer) et laisser l'internaute lancer seul son morceau de musique.

Critique enflammé vous, Pierre

Comme promis dans ce billet je vais vous faire une liste (commenté) des choses "à ne pas faire lors de la conception d'un site internet".

Pour chaque "choses" à ne pas faire, je fait une mise en situation, je rappelle les conséquences si on agit comme cela et enfin je vous propose quelques conseils. Pour plus de clarté j'ai fait un classement en plusieurs rubriques, je vais faire un billet par rubriques :

1. Sur internet tout finit par ce savoir
2. Problème de la pertinence du contenu
3. Accessibilité
4. Couleurs / lisibilité
5. Une image de marque à ne pas ternir

Sur internet tout finit par ce savoir

Introduction : Le web est vaste, on y trouve de tout, et avec l'avènement des moteurs de recherche tout est archivé, trié et même plusieurs mois après la parution d'un article délictueux ou la publication d'une photos sur internet ou peut retrouver des traces ailleurs que sur le site internet de départ. Il faut bien avoir cela en tête lorsque l'ont publie du texte ou des images, cela peut ternir, pour longtemps, l'image d'une personne, d'une société, ou d'une administration.

1 Promettre des améliorations sans les réaliser (par exemple : faire du buzz autour d'un nouveau service et pour finir abandonner son développement)

• Le problème : Il y as quelques mois vous aviez prévu de rajouter des fonctionnalités importantes sur votre site internet, pressé d'avoir l'avis de vos membres vous leurs avez demandé leur avis et annonçant la sortie imminente de plusieurs fonctionnalités. L'annonce à fait un effet de buzz et a été relayé par plusieurs site internet. Mais aujourd'hui vous avez décidé d'abandonner l'ajout des ces fonctionnalités car elles étaient complexes à mettre en place et que finalement vous n'avez plus assez de temps pour les programmer.
• Conséquence : Les internautes sont venus (ou revenus) sur le site pour cela ou en grande partie pour cela. L'effet d'annonce à eu des répercussions positives et l'audience à augmenté, mais le retard de l'ajout des fonctionnalités va avoir un impact négatif, et n'en parlons même pas si elles ne sont jamais implémentées.
• Conseil : Ne pas faire d'annonce coup de bluff ou d'annonce alors qu'on est jamais sur que les fonctionnalités promis epourront être un jour disponible (et oui personne n'est devin !). Par contre si l'ont souhaite faire du buzz on peut par exemple développer de nouvelles fonctionnalités et au moment ou elle sont opérationnelles ne pas les activer tout de suite et à partir de ce moment là commencer à faire monter la pression ! Comme ça on est sur que l'annonce ne soit pas un coup de bluff et en terme d'image de marque c'est toujours une bonne chose.

2 Copier, sans autorisation, du contenu d'un autre site internet ou de tout autre média.

• Le problème : vous avez vu un article intéressant sur un site renommé parlant d'informatique, et vous en avez fait une copie pour mettre sur votre blog/site personnel.
• Conséquence : vous violez clairement les droits d'auteur. Cela est interdit par la loi, et votre image de marque en prend un sérieux coup, à partir du moment ou cela ce sait (et en générale c'est très rapide sur la toile).
• Conseil : si vous souhaitez parler d'un sujet dans la mesure du possible écrivez vous même vos articles. Sinon vous pouvez toujours écrire une note et re-diriger sur l'article en question, ou alors contacter l'auteur de l'article et lui demander son autorisation pour la diffusion de son article sur votre site internet, toutefois n'oubliez pas de mentionner l'auteur de l'article ainsi qu'un lien vers l'article original. Certains articles sont dés leur écriture sous une licence permettant ou non la diffusion sur un autre média que celui d'origine, respecter le copyright peut vous éviter de gros ennuis.

3 Prendre l'internaute pour un consommateur non averti.

• Le problème : vous proposez des réductions énormes sur les produits de votre boutique en ligne, vous faite de la pub mensongère, vous vantez un produit miracle. Mais la publicité, qui vous est faite sur la toile n'est (malheureusement pour vous) pas très positive, voir même parfois blessante.
• Conséquence : Les internautes ne sont pas facile à berner, il ne faut pas les prendre pour de bêtes consommateurs justes capable de croire à vos mensonge. Et comme l'internaute s'informe et compare les prix avant d'acheter il va bien se méfier en voyant que votre réductions est "trop belle pour être vraie". Même des sites marchand de confiance prennent un risque en bradant leur stock car les visiteurs vont se poser des questions, il ont les moyens de vérifier en quelques clics et de comparer avec d'autre boutiques.
• Conseil : ne vantez pas de produit "miracle", ou des produits avec des prix trop bas par rapport à la concurrence, l'internaute est un consommateur qui s'informe avant d'acheter puisque sur internet c'est possible en quelques clics.

4 Copier un concept déjà existant

• Le problème : Vous avez trouvé un concept tellement bien que vous voulez a tout prix faire votre site. Or personne ne viens ou bien le rêve est de courte durée. Par exemple les forums de R.P.G. (Rôle Playing Game ou Jeu de Rôle en français), il y en as des dizaines et tous se ressemble ils ont donc une durée de vie très courte d'environ 6 mois.
• Conséquence : Pourquoi les gens viendrais sur votre site, qu'as t'il de mieux que les autres ? Il viens de sortir et personne ne le fréquente. Résultat, il meurt avant même d'avoir vu le jour, ou pire vous participé au meurtre du vrai inventeur du concept.
• Conseil : Ne vous basez pas sur quelque chose d'existant, ou alors innovez quand même sur un point. Ajouter une fonctionnalité inédite et basée votre site sur ce point.

J'attends vos réactions, la suite bientôt ... Pierre