Les 12 règles de l’ergonomie Web [Partie 3]

by Oualid Chebab / Mardi, 22 Avril 2014 / Published in UI/UX

Bonjour à vous, et bienvenue pour la 3e et avant dernière partie de notre saga “les 12 règles de l’ergonomie web”.
Nous aborderons aujourd’hui 3 points cruciaux, et parfois laissés de côté lors de la création d’un site web, à savoir: l’assistance, la gestion des erreurs et la rapidité d’exécution.

Si vous avez manqué les deux premières parties, je vous invite à les consulter ici pour vous mettre dans le contexte:

Bonne lecture à vous!

Règle N°7 : Assistance

Quel que soit l’objectif principal du site, il doit pouvoir aider l’internaute durant son expérience de navigation, pour cela nous distinguons 2 catégories d’aides : Une aide implicite (qu’on ne verra pas et qui nous aidera à naviguer sur le site) et une aide explicite.

Voici quelques petites astuces pour respecter la notion d’assistance dans son site :

L’organisation et la visibilité, les guides principaux sur vote site : Pour mieux diriger vos visiteurs, tout ce dont ils doivent avoir besoin doit être visible (objets, actions, boutons, options, etc.). Le but principal étant de ne pas surcharger la mémoire de vos utilisateurs avec des manipulations trop contraignantes : ils n’auront donc pas besoin de mémoriser les informations d’une page pour les réutiliser sur une autre page. Ainsi une barre de menu située en bas de page ne remplira pas forcément le rôle qui est le sien.
Les clics logiques, votre meilleur second guide : le tout consiste à faciliter la tâche de navigation aux internautes en vous adaptant à leur logique de fonctionnement. Une petite astuce consiste à rendre cliquable le bouton qui nous a aidé à prendre la décision.
Aussi, ne pas oublier que diriger c’est surtout orienter les utilisateurs dans la bonne direction. Donc, montrer rapidement à l’internaute ce qui est cliquable (call to action) et ce qui est actionnable (champs, boutons) sur votre site.

Règle N°8 : gestion des erreurs

Nous aurons beau concentrer tous nos efforts sur la réalisation du processus idéal que l’on souhaite pour nos utilisateurs, mais on se fait toujours rattraper par la flexibilité du web. Cette flexibilité est telle que les internautes sortent toujours du tracé qui était prévu.

La gestion des erreurs intervient pour pallier ce genre de situation où l’utilisateur sort du chemin tracé pour lui.

Votre mission sera alors de tout mettre en œuvre pour protéger votre internaute contre l’erreur et l’aider à la franchir si elle se présente.

Dépendamment de la situation, l’apparition d’erreurs peut être plus ou moins critique. Par exemple, lors d’une opération transactionnelle, l’interaction entre l’utilisateur et le système est à son maximum. L’apparition d’une erreur dans une telle situation peut entraîner de nombreuses conséquences, dont l’abandon du site.

Globalement, voici une petite règle facile à retenir: Présence de formulaire = haute probabilité d’erreurs.

Voici quelques petites astuces pour respecter la notion de gestion des erreurs sur son site :

Faites en sorte que l’internaute ne se trompe pas : Concevez votre site de manière à ce que votre internaute soit assez guidé pour ne pas faire d’erreurs. Le plus souvent, comme nous l’avons dit plus haut, les interfaces qui rencontrent le plus de problématiques sont presque exclusivement basées sur des formulaires. Il est facile de diminuer le nombre d’erreurs en jumelant certaines techniques telles que : l’indication des champs obligatoires, utiliser les libellés et légendes des champs, adapter la taille des champs à la longueur de la saisie, etc.

Règle N°9 : Rapidité, le temps de l’internaute est précieux

Une fois sur votre site, l’utilisateur ne cherche pas seulement à accomplir une tâche. Il veut le faire rapidement! Donc votre mandat et de lui offrir une interface lui offrant cette possibilité.

Voici quelques petites astuces pour assurer une certaine rapidité sur votre site :

Rendre les zones et éléments cliquables faciles à viser, et par conséquent, facile à atteindre, donc essayer de respecter une certaine proximité entre le champ d’informations et le bouton à cliquer.
Tout planifier sur le plan fonctionnel afin que l’internaute n’ait pas à revenir en arrière après avoir effectué une action (surtout lorsqu’il s’agit d’un achat). Par exemple, lorsque vous effectuez un achat en ligne et que le produit se trouve éloigné du bouton « ajouter au panier », vous aurez tendance à bien vérifier qu’il s’agit de la même ligne avant de poursuivre. Une action plutôt simple qui rendrait la ligne sélectionnée toute colorée faciliterait cette tâche.

Poursuivre la lecture: [Partie 4]

Bio
Latest Posts

Oualid Chebab

Je suis Spécialiste SEO et UI/UX chez Ludis Media depuis 1 an et passionné par le monde numérique depuis toujours! Je m’efforcerai de vous offrir chaque semaine un contenu original, portant sur des sujet d’actualité du monde digital, notamment l’UI/UX, les tendances marketing et le web design. Comme dirait Buzz : Vers l’infini et plus loin encore!