Le design d'un site web a d'autres fonctions que l'esthétique. Il joue un rôle fondamental dans la compréhension du message. Un élément clé de cette compréhension est la hiérarchie visuelle. Au premier clin d'œil, l'internaute doit comprendre l'ordre d'importance de ce qu'il voit, du premier jusqu'au dernier des messages véhiculés par la page.

Prenons un exemple:
Regardez cette page d'accueil de notre site Byen.Site. Qu'est-ce qui "saute aux yeux" en premier? Et en deuxième? Troisième? Quatrième?..

 

Réponse:

  • D'abord cette image de personnages qui travaillent en souriant (la réussite…) et qui sont "connectés donc incontournables" (l'efficacité). Remarquez que la photo occupe une grande partie de la page.
  • Ensuite, le haut de page en grandes lettres qui renseigne l'internaute sur ce que Byen.Site peut lui offrir afin d'atteindre ce but: un site internet professionnel.
  • En troisième, le bouton "Obtenir un devis gratuit", avec son fond coloré pour attirer l'attention.
  • Et en dernier, la barre horizontale avec son menu pour naviguer sur le site.

Avant de créer cette page, le designer s'est demandé quel est son premier objectif commercial… puis les suivants!

  • Dans notre exemple, le webdesigner cherche d'abord, avec la photo, à convaincre l'internaute qu'il réussira mieux s'il est "connecté"
  • Puis, il explique comment. Réponse: en étant présent sur le net au moyen d'un site Byen.Site
  • Ensuite le bouton "devis" l'invite à chercher la réponse à la question qui va très vite lui venir à l'esprit: "Combien ça va-t-il me coûter?"
  • Enfin, le visiteur est invité à naviguer ailleurs sur le site pour se faire une idée sur le produit proposé.

Sans hiérarchie visuelle, le visiteur a une sensation de confusion. La page paraît inutile et même désagréable pour l'internaute… qui risque de passer rapidement à autre chose!..

Ce principe de hiérarchie visuelle est immuable, incontournable, indépendant des modes et autres tendances. C'est pourquoi, sur les sites de nos clients, Byen.Site cherche toujours à lui apporter un soin particulier, en essayant de tendre vers un maximum de clarté.

Ceci aussi peut vous intéresser :
Qu'est-ce qu'un beau site internet?
Comment booster votre site : améliorer l'expérience utilisateur
Un site à votre image