Les 5 règles pour un site optimum...

1- Accessibilité : le web pour tous

L’un des défis des développeurs et des designers est de rendre le WEB accessible. Un site doit être utilisable rapidement et facilement par le plus grand nombre de personnes et depuis n’importe quel ordinateur. L’accessibilité est l’un des éléments fort d’une ergonomie réussie.

Un site doit tout d’abord être facilement accessible depuis sa propre url (adresse) avec un temps de chargement minimum, ou depuis un moteur de recherche avec un bon référencement.
L’internaute est un utilisateur impatient, s’il n’accède pas rapidement à l’information il va aisément passer sur un autre site. Et enfin, un site doit être accessible à des personnes qui ont des besoins spécifiques en termes d’interface. Pour cela nous utilisons la technique du balisage sémantique.

Le balisage sémantique permet de répondre efficacement aux multiples exigences des moteurs de recherche et de prendre en compte les besoins spécifiques des personnes ayant un handicap (visuel, mais aussi moteur et mental).
Techniquement il s’agit de redonner du sens à toutes les balises utilisées dans le code et par conséquent à hiérarchiser l’information présente dans un site, la navigation en sera alors facilitée en mettant en avant, par exemple, les éléments cliquables dans une page. De cette façon on occulte tous les éléments visuels pour ne laisser apparaître que le contenu informationnel. D’une part cela permet aux moteurs de recherche, qui ne voit ni image, ni animation, ni couleur, defiltrer les informations et de les référencer en fonction de leur importance, et d’autre part le balisage sémantique permet aux appareils de lecture, type synthétiseur vocal pour non-voyants, de retranscrire oralement et fidèlement les menus et contenus du site.

Exemple : un titre sera contenu dans une balise h1 de premier niveau, tandis qu’un sous titre ou une barre de navigation seront contenus dans une balise h2 de second niveau car de moindre importance. (Il existe 6 niveaux de balises, de h1 à h6)

Aujourd’hui tous les sites conçus par Ciblo respectent les règles strictes du développement en XHTML 1.0 strict, cela veut dire que le code utilisé respecte des règles d’écriture (DTD) qui dictent la manière d’utiliser les différentes balises, comme l’obligation de mettre les caractères en minuscules ou l’obligation de fermer les balises.

Nous feront également attention à proposer des textes modulables en termes de couleurs et de tailles, et à éviter les clignotements qui peuvent être déclencheurs de crises d’épilepsie.

En parallèle des contraintes techniques liées à l’accessibilité des personnes handicapées, nous devons respecter des règles dites « usages Internet ». Il s’agit de créer des interfaces intuitives où chaque élément sera placé en fonction de son importance et du cheminement visuel. Ciblo suit au plus près les normes du web établies par l’organisme de standardisation W3C fondé en 1994. Le W3C propose notamment des recommandations pour la protection de la vie privée et pour l’accessibilité des personnes handicapées au web, il va dans le sens d’une amélioration de l’interaction entre le web et ses utilisateurs… En route pour le web 2 .0 !

2- Design : l’esthétique valeur positive

Si la facilité d’utilisation d’une interface est vérifiée par l’internaute le facteur esthétique va aussi interféré dans son jugement. Ergonomie est design doivent se rejoindre dans un objectif commun : rendre la navigation facile et agréable. Il est prouvé que l’internaute va se diriger plus facilement vers une interface dont le design aura été travaillé que vers une interface au design négligé, les visuels vont avoir un effet distractif et vont rendre attractif l’interface. La beauté d’un site a un effet positif sur l’internaute et ses émotions, et elle entre à part entière dans la recherche de satisfaction des utilisateurs.

« Tous les goûts sont dans la nature » mais il n’en est pas moins vrai qu’à chaque univers va correspondre des couleurs ou des formes bien particulières. En effet, nous n’utilisons pas une couleur pour sa beauté subjective mais pour les sentiments qu’elle suscite. A chaque création de site nous cernons le domaine d’activité pour établir une gamme chromatique et des formes adéquates. L’internaute va se sentir rassuré si l’univers proposé correspond à ce qu’il recherchait, un site de transactions bancaire rose ne serait pour le coup pas très crédible !

Si certaines images du site sont uniquement décoratives, en revanche d’autres éléments graphiques peuvent agir en complémentarité du contenu, on peut citer en exemple les pictogrammes qui peuvent expliquer à eux seuls l’utilité d’une fonctionnalité (une enveloppe pour le contact, un caddie pour le panier…). Ces pictogrammes correspondent aux codes Internet, si l‘internaute les retrouve d’un site à un autre il va mettre moins de temps à s’habituer à une nouvelle interface.

Il est donc possible d’allier fonctionnalité et esthétique si l’on veut offrir à l’internaute une navigation rapide et agréable.

3- Navigation : où suis-je ?

L’internaute doit pouvoir se repérer facilement dans le site : savoir d’où il vient, où il est et où il peut aller (le fil d’Ariane). Pour cela la navigation doit être intuitive et cohérente. Les principaux liens doivent se trouver dans l’ordre logique du cheminement visuel (les yeux parcourent une page de haut en bas en suivant la forme d’un Z). Les éléments les plus importants sont placés aux endroits stratégiques ou l’œil se pose.

Prenons un exemple significatif, sur les sites e-commerce la navigation est souvent la même, l’internaute y a ses habitudes : rubriques et sous rubriques, le panier, l’espace client, le contact… Si la navigation est simplifiée l’acte d’achat l’est également. Les offres promotionnelles sont souvent situées au centre de la home-page, signalées avec des couleurs criantes. Les sites e-commerce respectent la règle dite des 3 clics, l’internaute doit pouvoir accéder au produit voulu en moins de 3 clics.

4- Contenus : organisation de l’information

La lecture sur écran est rendue plus difficile, jusqu’à 25% plus lente que sur support papier et peut engendrer une fatigue visuelle. Il y a donc des règles à respecter si nous ne voulons pas ennuyer ou faire fuir l’internaute.
Tout d’abord en organisant l’information. L’internaute a pour habitude de survoler les textes pour aller droit à l’information. Pour lui faciliter la tâche il est judicieux de mettre des repères tels que des textes en italiques ou en gras.
Ensuite le résumé est une bonne solution, notamment sur la page d’accueil, avec un lien vers la suite de l’article. L’internaute vient souvent avec une demande d’information précise à satisfaire le plus rapidement possible. Des phrases courtes, des textes concis, des titres, des tableaux ou des listes à puces auront plus de succès, sans oublier de proposer ces textes dans un format imprimable.

Si le texte est long et qu’il nécessite de scroller (faire défiler la page) il est nécessaire de proposer des repères de lecture, comme des images ou des titres.

Nous devons également être attentifs à la forme du texte, c’est à dire aux couleurs, à la taille et à la police de caractère utilisées. Un contraste positif (caractères foncés sur fond clair) améliore la lisibilité, mais attention à ne pas créer un éblouissement en utilisant un contraste trop fort. Les polices en minuscules et à empattements type « Times new roman » ont une meilleure lisibilité, un ajustement des écarts entre les caractères et les mots finalisera la mise en page.

5- Fonctionnalités ou comment fidéliser l’internaute

Nous pouvons nommer parmi les fonctionnalités les plus courantes le moteur de recherche ou le formulaire de contact, mais il en existe d’autres.
Les « plus » proposés à l’internaute sont des valeurs ajoutées qui permettent de le fidéliser. Les goodies ou jeux qui participent à l’image de marque de l’entreprise, comme les fonds d’écran ou les horoscopes, sont des attractions intéressantes. Nous pouvons également donner la possibilité à l’internaute d’avoir son propre espace accessible avec un login et un mot de passe, plus l’internaute s’approprie le site plus on aura de chance qu’il revienne ou qu’il en parle autour de lui.

La présence des conditions d’utilisation, des mentions légales et des conditions générales de vente légitiment et valorisent le site tout en établissant un rapport de confiance avec l’utilisateur. Les mentions légales précises les coordonnées de l’éditeur, de l’hébergeur, du concepteur et de l’émetteur du site, en cas d’abus l’internaute peut le signaler à l’un ou l’autre des ces organismes. Les sites commerciaux de vente de biens et services, collectant des données, auprès des clients et prospects doivent faite l’objet d’une déclaration auprès de la CNIL. En cas de litiges les bases de données auront valeur de preuves. Toutes ces démarches ont pour objectif la défense des droits de l’internaute.