7-règles-ergonomie-web-milky-design
Ergonomie Web
L’ergonomie web a pour objectif de rendre l’utilisation d'un site internet facile et accessible.
Elle fait partie d’un univers qui m’intéresse particulièrement car il est la base de tout site internet, d'application ou même de simple annonce presse. Il s'agit de l’expérience utilisateur « UX » , ce concept où nous plaçons (enfin) l’utilisateur au centre de la réflexion permet de développer des éléments qui tendent à répondre aux besoins de l’utilisateur final et non à créer des éléments arbitraires et subjectifs.
Cette discipline dépend de l’univers, du contexte ou encore de la stratégie du site ou de l’application mais certaines règles restent immuables et sont aujourd'hui répertoriées dans les bonnes pratiques du web. Je vous propose de faire un tour rapide d’une sélection des 7 premières règles, elles seront prochainement enrichies d’un booklet de 33 règles sur les bonnes pratiques web que je vous mettrai à disposition ici-même.

Minimaliste – efficacité

On supprime tout le superflu, plus il y a d’élément plus il est difficile de les intégrer mentalement.
Il faut définir l’action que la page doit susciter chez l’internaute et l’optimiser.
Tous les éléments qui ne contribuent pas à cette action devraient pouvoir être supprimés ou minimisés.

Gabarit et layout des pages

La cohérence rendra votre site plus simple à utiliser et à mémoriser.
3 voir 4 gabarits maximum suffisent à créer un site internet même important.

Le scroll

On évitera tout scoll horizontal (de gauche à droite) car il rend la lecture difficile.
Le responsive design à l’aide de Boostrap permet de créer des blocs qui se déplace selon la dimension de l’écran et rend ainsi la lecture agréable quelques soit la device utilisée (PC – Smartphone – Tablette).

Le scroll vertical lui est lui fréquemment utilisé que ce soit sur du multi page ou du onepage, nous retiendrons qu’il faut garder en tête que les messages les plus importants sont à placer en dessus de la ligne de flottaison et qu’un menu est nécessaire pour se déplacer dans la page dès que la hauteur est égale ou supérieure à 3 fois la partie visible d’une résolution standard 768px.

Construction de page

Nous nous efforcerons de rendre distinct chaque éléments de la page, tel que le menu, le footer, les boutons de partage ou encore les derniers articles.
L’internaute doit se sentir chez lui et pour atteindre cet état, il doit avoir la sensation de maîtriser l’environnement où il évolue en l’occurence votre site internet.

La typographie (ou la font ou encore la police)

Comme on peut l’imaginer son premier rôle est d’être lisible et agréable à lire. Mais au delà de ces bases elle va créer une dynamique et donner envie de lire ou de continuer à lire. Un internaute survole votre page à la recherche de l’information qu’il espère y trouver, aidez le à la trouver en plaçant des titres éloquents et des résumés en début de paragraphe. En aidant vos visiteurs de cette manière vous rendrez également service au référencement (SEO) de votre site car Google appréciera ces structures de construction et optimisera sa place dans les moteurs de recherches.
La typographie pourrait faire l’objet d’un voire de plusieurs articles sur son utilisation, je vous donnerai pour simplifier ces règles essentielles de lisibilité:
Contraster les textes – Pas de texte courant en dessous de 10 points – Attention aux césures malheureuses –  on lit toujours mieux une texte noir sur fond blanc que l’inverse – Les textes sont à intégrer dans la mesure du possible en dur et pas en images – Le soulignement est réservé aux textes cliquables –  L’italique aux textes courts car il est peu agréable à lire.

Les liens

Nous aimons tous savoir où nous allons, tâchons de garder cette idée dans nos pages et d’être explicite dans nos liens. Ainsi chaque bouton ou lien dans un texte doivent donner suffisamment d’information à l’internaute pour qu’il ait une idée précise de ce qu’il va trouver. Il faudra également trouver un bon équilibre au nombre de liens dans une page, car trop de liens peuvent soit faire quitter trop rapidement la page soit diminuer l’impact du contenu de celle-ci.
Un lien dans l’absolu devrait soit donner une information complémentaire soit proposer la suite logique du contenu.

Les formulaires

Remplir un formulaire est ennuyeux et rébarbatif, essayons de rendre cette tâche facile voire ludique. Je vous propose de prendre en compte les principes suivant pour aider vos visiteurs:  Demander que le nécessaire et rien de plus, vous pourrez toujours poser ces questions ultérieurement.  Faciliter les réponses en proposant des choix existants par menu déroulant au bouton radio par exemple. Rendre distinct les champs obligatoires d’ailleurs s’il n’est pas obligatoire pourquoi le mettre? Dans le cas de formulaire de plusieurs pages montrer à l’internaute sa progression. Informer vos internautes de vos attentes par des légendes ou des aides. Enfin et surtout tenter de rendre  vos formulaires visibles et de tailles correctes pour donner la possibilité de le remplir aussi aisément depuis un smartphone que sur un ordinateur.

Ces quelques points reflètent une partie du travail qui devrait être mené sur tout site qui souhaite apporter une expérience utilisateur agréable et utile à ces visiteurs.
Vous souhaitez en savoir plus ?
ergonomie-web-milky-design-book-2

Nous vous rappelons pour échanger sur vos besoins.

Vous pouvez également m’appeler sur mon numéro direct
032 508 57 96

Nos articles

CELA POURRAIT VOUS INTÉRESSER
© Milky.Design
Share This
btnimage
Plus dans Nos offres et services
Banniere-article-milky-audit-web
Un audit web c’est quoi?

Fermer