5 conseils UI pour améliorer votre site wordpress

5-conseils-UI-pour-ameliorer-votre-site-wordpress

Nos 5 conseils d’UI pour améliorer votre site internet wordpress

Un site internet efficace est un site qui respecte les règles d’usage basiques en terme d’UI (User interface > interface Utilisateur). C’est également un site qui ne perd pas de vue sa fonction et ses objectifs envers ses cibles. Voyons 5 de ces fameuses règles pour votre webdesign. Elles peuvent sembler simples et non pertinentes dans certains cas, mais jetez un coup d’œil à votre site Web WordPress, en parcourant chaque page pour voir si vous avez appliqué ces principes.

Si vous faites cela correctement, vous améliorerez l’expérience utilisateur de votre site et augmenterez votre taux de conversions sans aucun doute. Parfois les changements les plus simples sont les plus efficaces.

ui-worpress

photo-authentique1 – Utiliser des images authentiques

Ce n’est plus une tendance mais bien une recommandation à ne pas prendre à la légère : utiliser des photos personnalisées pour votre webdesign. Ces photos vous correspondent et apportent une authenticité à votre marque. Elles vous démarqueront des vos concurrents qui ne feront pas l’effort d’utiliser de telles images pour leur propre site. Enfin ces photos sont bien plus porteuses de valeurs que de simples photos achetées sur un site de banque d’images.

couleurs-vives2- Utiliser des couleurs vives

Aujourd’hui vous devez utiliser un nuancier de couleurs vives pour l’UI de votre site wordpress. La perception des couleurs a une signification pour chacun de nous (lire notre article : quelles émotions procurent les couleurs).  Les couleurs vivent sont remplies d’energies. Elles offrent à votre webdesign une approche dynamique et vivante qu’apprécieront assurément vos visiteurs. Pour info, la couleur tendance de cette année est le violet (lire notre article : tendances webdesign 2018). Quelle sera la tendance à venir ?

icone3 – Utiliser des icônes

On le répète mais l’internaute ne lit pas tout : il scanne les pages, son regard s’arrêtant plus généralement sur des éléments graphiques. L’ajout d’icônes basiques dans votre contenu va considérablement améliorer une page Web. Ces symboles guident l’utilisateur sans qu’il soit nécessaire de lire totalement le contenu. En bref, plus vous offrez de repères visuels simples et compréhensifs à vos utilisateurs, plus ils seront engagés et navigueront sur votre site wordpress.

creer des espaces4 – Créer des espaces

Les pages encombrées ont tendance à avoir des taux de rebond plus élevés. L’élaboration d’un bon UI pour votre site worpress repose donc sur la bonne utilisation des espaces : les blancs tournants. Les blancs tournants (terme repris du graphisme) sont des espaces entourant chaque contenu afin de les dissocier et aussi aérer la mise en page web d’une manière générale. Ainsi vous optimisez la lecture et l’ergonomie de vos pages ce qui rendra la lecture plus facile aux internautes.

bouton-action5 – Utiliser des boutons d’actions simples et visibles

Le but d’un site est d’amener vos utilisateurs à effectuer certaines taches. Par exemple, ajouter au panier un produit, remplir un formulaire, prendre contact, commander, etc. Il faut donc mettre en avant les outils qui permettent d’effectuer ces taches à l’aide de boutons d’appel à l’action efficace. On reprend donc le conseil 2 (et 3 éventuellement : bouton avec icône) pour réaliser des boutons bien visibles et identifiables dans la page. Cela conduira à une expérience plus cohérente et à un engagement et des conversions plus élevées.

 

Voilà nos 5 conseils UI pour améliorer votre site wordpress. Ils sont basiques et pour certains d’entre vous sembleront couler de source, mais regardez de plus près chacune de vos pages et je suis sûr qu’il y a encore matière à améliorer les choses 😉
Le webdesign et le travail d’UI sur un site n’est jamais vraiment fini !

Écrit par

Directeur artistique de l'agence web Résonance communication à Carcassonne, ingénieur maître métiers de l’information et de la communication en audiovisuel.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *