LE SITE INTERNET DU COTE INTERNAUTE

LE SITE INTERNET DU COTE INTERNAUTE
Préambule
Prenons la définition du Larousse : "le but de cette science est de tenter d'adapter le travail à
l'homme en analysant notamment les différentes étapes du travail, leur perception par celui
qui exécute, la transmission de l'information et, de façon parallèle, l'apprentissage de
l'homme qui doit s'adapter aux contraintes technologiques. Elle vise à améliorer les
conditions de travail et à accroître la productivité".
L'ergonomie d'un site Internet est donc sa capacité à rendre facile la recherche et l'accès à
l'information, à transmettre un message, à remplir ses objectifs, à répondre aux attentes et
besoins des internautes... et ce de manière pratique et agréable.
L'ergonomie n'est pas simplement une technique comme on peut l'entendre ici ou là, c'est
une manière de voir les choses, un état d'esprit, un art qu'on cultive et qui s'exprime par un
bien-être collectif. Comme un designer qui va "croquer" la voiture de demain, comme un
chanteur qui va composer les accords de son prochain tube, l'ergonome construit un
environnement agréable et visionnaire dans l'objectif de servir et de plaire à la majorité.
L'ergonomie repose évidemment sur des techniques et un savoir-faire qui s'obtiennent avec
l'expérience mais nécessite également un don et une façon de voir les choses qui est inné :
ressentir ce que les autres ressentent.
L'ergonomie c'est la recherche d'un idéal : trouver le juste compromis entre utilité, beauté,
fonctionnalité et simplicité.
Les 5 composantes de l'ergonomie
Selon moi, l'ergonomie est un savant dosage entre ces 5 composantes fondamentales :
- l'accessibilité
- le design
- la navigation
- les contenus rédactionnels
- les fonctionnalités
Tous devant contribuer à faciliter et satisfaire l'internaute lors de son utilisation de l'interface
web.
1. Accessibilité
Une des principales composantes de l'ergonomie est l'accessibilité : le site doit être
facilement et rapidement "pris en main" par un maximum de personnes (et pas réservé à une
élite d'internautes "super-utilisateurs") et depuis n'importe quel ordinateur connecté.
Url d'accès simple et intuitive
Pour qu'un site soit facilement accessible, il faut que son url soit simple, intuitive et donc
facilement mémorisable. En effet, de nombreux internautes accèdent à un site en tapant l'url
directement dans le navigateur, s'ils ne trouvent pas ils tentent alors une recherche dans un
outil de recherche.
Rapidité du temps de chargement des pages
Internet est le média de l'instantané, par conséquent le temps de chargement des pages
joue un rôle très important dans l'appréciation d'un site.
Le temps de chargement d'une page d'accueil ne doit ainsi pas excéder 5 secondes.
D'une manière générale, il faut toujours veiller à optimiser les pages du site : optimiser les
images, supprimer les éléments graphiques trop nombreux, serveur adapté, etc...
Universalité des technologies utilisées
L'emploi de technologies spécifiques de programmation, d'animation, de diffusion...
nécessite une certaine prudence. En effet, bien que le plug-in Flash soit désormais présent sur
la plupart des ordinateurs connectés, de nombreuses technologies ne sont pas encore
devenues des standards. De même certaines ne fonctionne que sous un environnement
spécifique. Il existe ainsi de nombreuses incompatibilités (entretenues ?) entre Internet
Explorer et Netscape ou entre Windows et Mac OS...
Pour obtenir des statistiques sur les OS, les résolutions d'écran, les navigateurs web... je vous
invite à visiter www.thecounter.com (cf. stats).
Il est donc fondamental de bien concevoir l'interface de manière à ce qu'elle soit accessible
par tous (même aux novices) et depuis n'importe qu'elle machine connectée.
Respect des usages d'Internet
Lors de la conception d'une interface web, il est important de se conformer aux usages
d'Internet. En effet, comme dans toute interface, les utilisateurs sont plus ou moins
conditionnés par leurs expériences passées et leur environnement.
Il est ainsi d'usage qu'un lien html dans un corps de texte soit symbolisé par le soulignement
du mot. De même, il est de convenance de placer les éléments de navigation plutôt en haut
et sur la gauche de la page, et le logo en haut à gauche.
Les internautes ont tellement l'habitude de se repérer dans ce type d'interface que c'est
devenu un usage (tout comme le fait de mettre la date en haut à droite d'une lettre). De
plus, cette disposition suit le sens naturel et intuitif du cheminement visuel sur un écran : les
yeux explorent l'écran en effectuant un "Z" s'arrêtant dans la zone centrale de l'écran.
2. Design
Cohérence avec l'image de la structure et de sa stratégie de communication.
La charte graphique du site doit refléter et communiquer une image et une identité visuelle
adaptée à la structure : ici il s’agit de sport et de voile avant tout, pour tous les publics.
Le design peut aider la structure à renforcer ou à modifier son image. A l'inverse, le design
d’un site peut desservir la structure.
Charte graphique homogène
Pour une utilisation facile et un apprentissage rapide de la navigation au sein d'un site, la
charte graphique doit être homogène sur toutes les pages du site. Dès la page d'accueil,
l'internaute identifie les éléments de navigation et les zones de contenus, si ceux-ci changent
de place et d'aspect sur chaque page ou chaque rubrique, l'internaute sera perturbé et
quittera rapidement le site.
Eléments graphiques utiles
Comme pour tout support de communication, les éléments graphiques doivent être au
service de l'information. L'utilisation de pictos, images, animations Flash... doit servir à
l'illustration des propos (apporte de la valeur ajoutée) et à l'habillage de l'interface. Il faut
également veiller à ce que les pages ne soient pas trop surchargées en éléments graphiques
de manière à ce que les yeux de l'internautes ne soient pas trop sollicités mais guidés vers les
zones et informations stratégiques.
Remarque sur l’utilisation des animations FLASH : De nombreuses entreprises possèdent une
page d'accueil ou un site entièrement en Flash. Mais dans la plupart des cas, l'utilisation du
Flash va à l'encontre des besoins et attentes de leurs cibles. En effet, alors que les prospects
d'une agence de communication ou d'un studio graphique seront certainement touchés par
des animations Flash bien réalisées, la majeure partie des internautes ne fait guère attention
et n'apprécie pas les animations Flash inutiles (notamment à cause du temps de chargement
des pages).
3. Navigation
Page d'accueil efficace
La page d'accueil doit être traitée avec une attention toute particulière car elle est une
véritable vitrine du site Internet. De la même manière que lorsque vous faîtes les magasins, les
vitrines vous permettent de vous faire une idée de ce que vous allez trouver dans le magasin.
Voici ci-dessous quelques éléments indispensables d'une page d'accueil :
- le logo de la structure (ici Ligue de voile Languedoc-Roussillon)
- des informations récentes et régulièrement mises à jour (élement indispensable !!!!)
- des zones de navigation lisibles et identifiables instantanément
- un moteur de recherche interne au site internet
- un accès à un espace de contact
- un accès à une page ou rubrique de présentation de la structure.
Navigation intuitive et cohérente
Pour être efficace, un site doit proposer une navigation intuitive et cohérente. Ainsi, les
internautes doivent faire un minimum d'efforts pour se repérer dans le site et trouver les
informations qu'ils recherchent.
Les éléments de navigation du site Internet doivent respecter les logiques du parcours visuel.
Dès l'affichage de la page d'accueil, les yeux font effectuer des mouvements de saccades
qui vont former d'une manière générale un "Z" partant du haut à gauche et se terminant vers
le bas droit de l'écran. Le mouvement des yeux va naturellement être fonction de
l'attractivité visuelle des éléments de la page. D'une manière générale, la zone centrale sera
le point de passage et de repos du regard et représente donc un emplacement stratégique
à soigner.
A l'intérieur du site, les éléments de navigation doivent faciliter la navigation descendante et
transversale : descendre dans l'arborescence du site et passage aisé d'une rubrique à l'autre.
Le principal enjeu est de faciliter et de réduire au maximum le temps d'accès à l'information
recherchée.
Il est ainsi important de veiller à :
- la lisibilité des barres de navigation
- la compréhension et l'adaptation des intitulés à la cible
- la disposition des éléments de navigation
- la hiérarchisation des rubriques
- la qualité des médias
- limiter les efforts cognitifs des internautes
- la fluidité de la navigation...
Recherche et accès facile et rapide à l'information
Plus qu'une simple vitrine, la page d'accueil doit présenter l'ensemble des principales
rubriques du site. D'un seul coup d'œil, l'internaute doit pouvoir se faire une idée des
contenus et fonctionnalités du site, et si possible y accéder en 1 clic.
Les concepteurs d'interfaces web doivent également assurer une identification facile et
permanente des éléments de navigation et des liens html.
Repérage facile dans le site
La page d'accueil est l'élément central et fondamental du site, elle doit ainsi orienter et
guider l'internaute vers l'ensemble des contenus du site.
Pour un repérage facile à l'intérieur du site, les barres de navigation doivent être visibles en
permanence et orienter l'internaute vers les principales rubriques du site. D'autres éléments
d'aide à la navigation peuvent se révéler très utiles dans l'utilisation de l'interface web :
- le plan du site, permet de visualiser l'ensemble des rubriques et l'arborescence du site
- les boutons "retour", "précédent", "sommaire"... sont également d'une aide très précieuse.
Même s'ils sont redondants avec les boutons du navigateur, ils sont très utilisés par certains
internautes (alors que d'autres préfèrent utiliser le bouton "back" du navigateur.
Dans une interface web, on distingue différentes typologies de liens :
- les liens "structuraux" : éléments de navigation dans l'arborescence du site
- liens "intégrés" : liens vers des éléments de la page (ancres, fenêtre pop up...)
- liens "associatifs" : liens vers des éléments associés au contenu de la page (pour en savoir
plus, voir aussi...).
4. Contenus rédactionnels
Le surf sur le web est caractérisé par une navigation exploratoire rapide. De plus, des études
ont montré que la lecture d'un texte à l'écran est 25% plus lente qu'un texte papier.
Ainsi, 79 % des internautes lisent les contenus rédactionnels des pages web en diagonale.
Présence d'une ligne éditoriale
Le style rédactionnel des contenus d'un site doivent être adaptés aux types d'internautes qui
vont venir lire ces textes. En fonction des objectifs du site, de son positionnement et de son
cœur de cible, il est important de définir une ligne éditoriale adaptée.
La ligne éditoriale correspond à l'atmosphère, au style général employé pour la rédaction de
l'ensemble des contenus du site.
Présence de plusieurs niveaux de lecture
Il est important de proposer différents niveaux de lecture afin de satisfaire les différentes
typologies d'internautes : le lecteur pressé appréciera les titres et les brefs résumés en page
d'accueil, tandis que le lecteur intéressé appréciera d'accéder à l'intégralité de l'article par
un lien "en savoir plus" ou "lire la suite".
De même au sein d'une page, le texte doit être mis en forme et adapté au mode de lecture
"en diagonale". Les techniques rédactionnelles spécifiques à Internet sont principalement :
- paragraphes et phrases courtes
- titres brefs et explicites
- hiérarchisation et illustration des informations (puces, tableaux, schémas...)
- liens html dans le texte dans la page (ancres) ou vers d'autres pages
- utilisation du Alt Texte : affichage d'un texte au passage de la souris sur un lien html
- ne pas mettre les titres en lettres capitales (beaucoup moins lisibles)...
Exhaustivité des contenus
Internet est le média de l'information, gigantesque source de données et de connaissance.
Lorsque l'internaute effectue une recherche et arrive sur votre site, il s'attend à avoir la
réponse à sa question ou à son besoin sinon il change rapidement de site. La mise en place
d'informations complètes, exhaustives et régulièrement mises à jour fait souvent la différence
aux yeux des internautes.
5. Fonctionnalités
Fonctionnalités "fonctionnelles"
L'ensemble des fonctionnalités proposées sur le site doivent être conçues dans la même
optique de simplicité et de confort d'utilisation.
La mise en place d'un forum de discussion, d'un formulaire de contact, d'un moteur de
recherche... doit faire l'objet d'une réflexion essentielle sur la manière dont les internautes
vont l'utiliser.
Fonctionnalités utiles et apportant une réelle valeur ajoutée
Au-delà de l'utilisation de la fonctionnalité, on doit se poser également la question de la
notion de valeur ajoutée. En effet, même si l'accessibilité, le design, la navigation et les
contenus sont parfaits, un site qui n'apporte pas une réelle valeur ajoutée à ses internautes
ne fera pas la différence.
La valeur ajoutée provient de l'ensemble des contenus, services et fonctionnalités qui vont
répondre à un besoin latent ou exprimé de l'internaute.
Réponse aux attentes et besoins des internautes
Les fonctionnalités du site doivent permettre de répondre à tout ou partie des attentes et
besoins des internautes. Plus les internautes auront une expérience positive de leur visite sur le
site, plus ils seront satisfaits et plus ils seront susceptibles de revenir ultérieurement sur le site.
LE SITE INTERNET DU COTE ADMINISTRATEUR
Préambule
Nombreux sont aujourd’hui les sites internet avec une interface au design agréable et avec
une ergonomie bien pensée. Pour arriver à ce résultat il n’y a que deux possibilités :
- Soit la structure a les moyens d’employer un webmaster, (administrateur du site)
professionnel de la programmation, qui assurera la gestion, la maintenance, la mise à
jour du site
- Soit le site internet dispose d’un module d’administration puissant facilitant sa gestion
par tout un chacun sans aucunes connaissances préalables à la programmation
web.
On s’aperçoit facilement en surfant sur internet aujourd’hui que beaucoup de sites « noncommerciaux » (site personnel, site d’association, etc.) arrivent aujourd’hui à avoir
l’apparence de sites professionnel ce qui n’était pas vraiment le cas il y a encore quelques
années.
Cela est devenu possible grâce aux progrès fait dans les modules d’administration. En effet
ces modules/outils font automatiquement le plus gros du travail : design, page d’accueil,
menu, mise en page, etc., et ce sans avoir besoin de connaissances particulières en
programmation : Il ne reste plus alors à l’administrateur qu’à fournir du contenu (images,
texte, vidéo, etc.).
Le principal inconvénient est cependant de formater un peu l’aspect du site internet, on
peut ainsi retrouver le même « look » sur plusieurs sites internet. Mais c’est de moins en moins
le cas notamment en matière de design et de mise en page.
De toutes les façons ce formatage induit par les modules d’administration n’est pas un mal
en soit ( ?) puisque la majeure partie des internautes désirent trouver l’information le plus
rapidement possible et cela est plus facile quand d’un site à l’autre l’on retrouve la même
logique de navigation ! Le standard du web existe bel et bien.
Le bon module d’administration c’est celui qui permettra de rendre l’aspect du site original
(dans le sens différent des autres), à son image, sans modifier les standards de navigation du
web.
Voici les outils indispensables selon moi pour un bon module d’administration :
1. Le Design
Il doit pouvoir offrir de nombreuses possibilités de design :
- Aspect général
- Couleurs : fond, texte, bandeau, titre, etc.
- Typographie : taille, police suivant les éléments rédactionnels du site
- Rendu et intégration des contenus médias
Le design et/ou graphisme peut être travaillé en amont avec une personne compétente en
la matière et devenir un élément figé. Cependant cela enlève toute autonomie.
2. La mise en page
J’entends par « mise en page » la possibilité d’organiser la diffusion des contenus à l’écran
(sur la page affichée) comme on le souhaite : pouvoir mettre le texte ici, les images là avec
une taille définie (et identique pour toutes les images c’est préférable), son menu à droite,
etc.
Le module d’administration doit être capable de pouvoir offrir cette mise en page pour
chaque partie du site
Cette fonctionnalité est bien plus importante que la possibilité de modifier à sa guise le
design de son site car elle donne la possibilité de mieux organiser son contenu à l’écran et
de le mettre en valeur selon sa nature, d’adapter la page au contenu si besoin pour la
rendre plus agréable à la lecture.
3. Le contenu
La mise en ligne de contenu doit être la plus simple possible pour chaque partie du site.
Si l’on en a le besoin la mise en ligne de contenus doit pouvoir être effectuée avec différents
terminaux : tablette, Smartphone, ordinateur, email, sms. Cela peut être utile lorsque l’on est
amené à beaucoup se déplacer par exemple.
Le module d’administration doit disposer d’outils pour l’archivage du contenu : texte, images,
videos, etc.
De même pour une bonne gestion du site internet et pour une bonne diffusion des contenus,
le module d’administration doit pouvoir gérer de façon indépendante les contenus écrits, les
contenus médias (video, images) et les documents annexes téléchargeables.
4. Intégration de fonctionnalités annexes
Certains modules d’administrations proposent aujourd’hui de pouvoir intégrer aux contenus
de son site :
- une interactivité avec Facebook, Twitter
- Des flux RSS (contenus affichés automatiquement suivant des mots clés préalablement
définis)
- La gestion des commentaires des internautes
- Des newsletters automatiques (emailing des news du site) après inscription de l’internaute
- Des forums ou formulaires (petites annonces, discussions, etc.)
- La gestion d’un agenda
Certaines de ces fonctionnalités ont un réel intérêt compte tenu de l’évolution de la pratique
d’internet.