Navigation
Ce document est une version imprimée de l'article "Conseils de mise en page, design, charte de couleurs pour améliorer son site" que vous trouverez sur http://www.en1heure.com/ameliorer_la_presentation_de_son_site.php.
© En1heure.com - Tous droits réservés.
Ce que j'entends par présentation est l'ensemble des éléments graphiques et textuels, visibles par votre lecteur, qui composent
les pages de votre site. Il sera donc question ici de la forme et du fond.
Pourquoi analyser ces deux points dans cet ordre ? Tout simplement par ce que la présentation, apparence de votre site, sera le
premier contact que le visiteur aura avec vos pages. Ce n'est qu'une fois qu'il aura jeté un - bref - regard sur celle-ci qu'il
commencera à lire votre article. N'avez-vous pas procédé ainsi en venant sur ce site ?
Nous allons ici voir comment s'assurer de faire bonne impression.
Le choix des couleurs est sans doute la chose la plus importante, mais aussi la plus difficile. Afin de ne pas fatiguer le lecteur
il est toujours préférable de définir par avance les seules couleurs que vous utiliserez sur votre site (création d'une charte de couleurs).
Une fois celle-ci établie il ne faudra utiliser qu'elle sur l'ensemble du site. Son choix aura une forte influence sur le
sentiment que dégage votre site, son identité. Elle ne doit pas contenir un trop grand nombre de couleurs.
Autre impératif : un fond le plus proche possible du blanc. Nous sommes, en effet, habitués à lire des textes noirs sur fond blanc comme par exemple dans un roman.
Prenons l'exemple de ce site. Les seules couleurs utilisées sont :
Le noir et le blanc n'étant pas des couleurs je ne les ai pas inclus dans cette liste. Ont donc été utilisées 4 couleurs réparties sur
plusieurs nuances.
Le site est donc sobre, afin de maximiser le confort de lecture.
Vous pouvez bien sûr utiliser plus de teintes mais la tâche sera encore plus difficile. N'oubliez pas que les couleurs, en plus d'être agréables individuellement, doivent pouvoir cohabiter sur la même page, voir se toucher, sans que cela ne choque. Elles ne doivent donc pas être "criardes".
Il est conseillé de ne choisir que des teintes douces, faiblement saturées, qui n'agressent pas l'oeil. Surtout évitez les trop
forts contrastes. Ainsi votre lecteur ne se fatiguera pas en lisant. C'est d'ailleurs pour cette raison que le fond des articles n'est pas blanc uniforme. A l'inverse ne choisissez pas des teintes trop proches pour des éléments qui en principe
doivent se distinguer et attirer l'attention.
Un texte gris clair sur gris foncé sera par exemple très pénible à lire.
Il faut toujours garder en tête que si un visiteur sera enchanté par la présentation de vos pages, l'information est la seule chose qu'il est venu chercher sur votre site. Servez la lui sur un plateau !
L'entête du site doit contenir son titre ainsi qu'un éventuel logo et/ou slogan pour que le visiteur sache où il se trouve et qu'il s'en souvienne.
Ne faites pas d'entête trop chargée ni trop grande, elle pourrait géner la lecture. Il est déconseillé d'utiliser des animations qui
déconcentreront le visiteur.
Le pied de page est très utile, il permet d'informer les internautes sur divers points : régime juridique applicable au contenu du site,
nom du (des) créateur(s), nom de l'hébergeur, politique de confidentialité, etc. Il n'est pas obligatoire mais constitue généralement
une bonne manière de faire comprendre au lecteur où se trouve la fin de l'article qu'il est en train de lire.
Une présentation chargée est complexe et pénible à analyser. Votre visiteur a déjà du faire une recherche avant de tomber sur votre
site, ne lui en faites pas faire une autre pour qu'il accède, enfin, à l'information qu'il cherchait.
Certains sites usent et abusent de sommaires dans tous les sens : en haut, en bas, à droite, à gauche. Dans ces conditions difficile
de s'y retrouver rapidement. La position la plus logique pour un sommaire est sur la gauche. A moins que votre site ne propose des
quantités astronomiques d'informations il est recommandé de n'en utiliser qu'un seul. Conservez le même sommaire sur chaque page,
il n'y a rien de pire qu'un site dont le sommaire change en permanence.
Etablissez une hiérarchie entre les éléments du sommaire, des catégories et sous catégories et essayez de faire en sorte que les deux
se distinguent bien.
Un sommaire bien construit présente au visiteur l'intégralité du contenu du site ainsi au premier coup d'oeil il sait où se diriger. Pensez donc également à ne pas créer de pages contenant un article trop long, afin de ne pas faire disparaître le sommaire.
Indiquez à votre visiteur où il se trouve, l'article de la section qu'il est en train de lire. Il aura ainsi, en un bref coup d'oeil, un rappel de ce qu'il venait chercher sur la page.
Les animations GIF ou Flash utilisées en abondance fatiguent et détournent le lecteur de votre article. N'en abusez pas.
Maintenant que la forme du site est posée il faut redoubler d'efforts lors de la création du fond : rédaction du contenu du site.
Le style d'écriture est extrêmement important. Un visiteur n'accordera pas de confiance en un site à la rédaction bâclée. Il aura même surement l'impression de perdre son temps. Il faut donc toujours veiller à ne pas être trop familier, à ne pas écrire "comme vous pensez". Les fautes d'orthographe sont gênantes (celles des sites En1heure sont en cours d'éradication ^^), les fautes de grammaire sont graves et les fautes de syntaxe intolérables. Essayez d'écrire vos articles comme si vous vouliez écrire le manuel d'utilisation d'un produit. En un mot : soyez rigoureux.
Les pièges les plus fréquents sont les "!!!", les "??", les "..." et les "arf, erf, mouarf" et autres onomatopées. Ils sont à bannir.
Imprimer cette page
|
Ajouter aux favoris
Revenir en haut de la page
N'hésitez pas à venir chercher de l'aide ou des explications spécifiques sur le forum En1heure.
Nous ferons notre possible pour vous aider au plus vite.
Vous avez aimé cet article et vous désirez le faire connaître ?
Vous pouvez facilement intégrer un lien vers celui-ci sur votre site en collant ce code :
Vous désirez intégrer ce lien sur un forum ? Il vous suffit de copier/coller ce code :
Merci !
- [
Powered by Itseasy v0.3.7
|
Thème : eco-box par Vanquish & Reaktif
] -
Les informations ne sont données qu'à titre indicatif.
© Les guides En1heure, tous droits réservés - Reproduction interdite.
Hébergé par OVH
Lecture complémentaire : venteprivée | vente privée | recettes de cuisine | Autoperfs.com | voyage privé