Quelle que soit la page de destination sur laquelle arrive l'utilisateur, vous ne disposez que de quelques secondes pour capter son attention et lui montrer ce qui distingue votre site, dans la partie au-dessus de la ligne de flottaison de ce premier écran. En utilisant une arborescence simple, vous indiquez clairement aux internautes la structure de votre site et mettez en avant ce que vous souhaitez leur présenter.
Un autre élément à garder à l'esprit est la façon dont les informations sont structurées sur votre site. Les visiteurs sont en effet en mesure de faire la différence entre les pages qui leur semblent familières et celles qui ne le sont pas en fonction de la cohérence avec laquelle vous organisez et affichez les informations sur votre site. Si la structure de votre site Web n'est pas logique ou ne correspond pas à ce à quoi ils s'attendent, les internautes seront perdus et ne sauront pas où aller ensuite. Ils risquent de se sentir frustrés et de quitter votre site.
Conseils :Suivez ces conseils de conception simples pour créer la structure de votre page :
- Contraste : utilisez les options de couleur, de saturation ou d'opacité pour juxtaposer des éléments sur la page.
- Taille : en matière de conception, la taille constitue l'un des éléments les plus faciles à utiliser pour guider vos visiteurs. N'hésitez pas à utiliser de GROS éléments en GRAS pour attirer l'attention sur les informations les plus importantes de la page.
- Alignement : les éléments qui partagent un axe commun semblent liés.
- Espace : vous pouvez attirer l'attention sur des éléments spécifiques en laissant un espace vide autour d'eux. Cela rend également le design plus attrayant à l'œil.
- Grille : utilisez une grille simple pour présenter les éléments de votre page afin de créer une impression d'ordre et de structure.
Exemple :
Les sites de journaux parviennent généralement à créer une structure très claire par le biais d'une arborescence. Le dernier événement ou l'actualité la plus importante dominent l'écran, et c'est ce que le visiteur voit en premier. Les grands titres des autres sections sont également affichés en gros et en gras afin que le visiteur puisse facilement les repérer au cours de sa navigation. La taille et le contraste des photos et des titres servent à guider l'utilisateur sur la page.
