Comment bien optimiser l’ergonomie : Charte graphique

La charte graphique est un des éléments les plus importants de votre site web, c'est la deuxième chose que l'internaute voit lorsqu'il arrive sur votre domaine, la première étant l'url généralement, mais pas toujours. Comment bien optimiser sa charte graphique ? Quelles sont les erreurs à ne pas faire ? Comment faire une charte graphique ? Où trouver une charte graphique pour votre site ? Combien coûte une charte graphique ? Pourquoi utiliser une charte graphique personnelle... tout un tas de questions que beaucoup de monde peut se poser lors de la création de son site internet.

Une charte graphique c'est quoi exactement ?

Lorsque vous commandez un design généralement c'est surtout la page d'accueil de que vous regarderez en premier et pour cause combien de fois j'ai vu des pseudo designers me proposer un design avec uniquement une page d'accueil et rien d'autre, même pas un style CSS intégré pour les textes ou les liens et ils osent me vendre leur immondices pour plusieurs centaines d'euros.

Une charte graphique doit comprendre tous les éléments graphiques et CSS du futur site, l'accueil, les pages d'articles, de dossiers, espace membre, divers modules, etc. Cela comprend aussi tous les styles CSS qui seront présents sur le site tels que les liens, les div, les icônes sur les listes, les formulaires, etc. Suivant la complexité de votre charte graphique cela peut coûter plusieurs milliers d'euros.

Le logo fait également parti de la charte graphique et est l'élément le plus important mais vous devriez faire appel à un professionnel du monde du logo ou passer par des sites spécialisés tels que 99designs ou hatchwise.

L'ergonomie d'une charte graphique

1. Le point le plus important est de clairement afficher votre logo dans la charte graphique bien en vu ainsi que le nom de la société ou du site, en haut à gauche.
2. Quand un internaute arrive sur votre site il doit immédiatement savoir quel est le sujet de votre site et non se demander ce qu'il fait là.
3. Votre page d'accueil est censée être un point vital permettant de redistribuer les internautes rapidement sur des points précis et importants, les éléments vitaux doivent être placés en haut et suffisamment visibles.
4. Présentez votre société ou dans le cas d'un blog personnel présentez-vous à vos lecteurs et aillez a leur disposition une page de contact.
5. Différenciez les liens très clairement des autres textes, vous devez voir les liens d'une page automatiquement sans devoir les chercher.
6. La taille du texte doit être suffisamment grande et aérée (line-height).
7. N'oubliez pas les habitudes des internautes lors de la création de votre charte graphique, s'ils sont habitués à quelque-chose vous aurez le plus grand mal à leur faire utiliser autre chose.
8. La charte graphique doit être claire, propre et sobre. Cela permet d'aller directement au contenu et de ne pas se perdre avec des éléments flashy inutiles.
9. La navigation doit être claire et précise, vos internautes doivent savoir où cliquer pour trouver l'information.
10. Vous devriez avoir des CSS personnalisés pour presque tous les éléments HTML, il n'y a rien de plus laid que des éléments qui sortent du décors.
11. Si vous faites un blog n'utilisez pas un design de forum, si vous faites un site d'immobilier n'utilisez pas un design de blog perso, chaque thème sa charte graphique.
12. Prévoyez des espaces publicitaires AVANT la mise en ligne de la charte graphique, sinon il sera très compliqué d'en intégrer ensuite.

Exemples de sites ayant un logo bien en vue

• http://Xev.com/forum/
• http://www.google.fr/
• http://www.alsacreations.com/

Comment optimiser sa charte graphique ?

Suivant le thème de votre site, immobilier, blog perso, site d'information, moteur de recherches, forum... votre charte graphique devra être optimisée suivant les habitudes des internautes et suivant le contenu que vous allez mettre, tant que la charte est claire et quelle remplie son but principal vous n'avez pas trop à vous en faire, il y a toujours moyen d'optimiser ensuite par des icônes, boutons, liens ou petits modules complémentaires. Étudiez la concurrence afin de trouver de nouvelles idées a incorporer dans votre charte graphique. Il y a certainement des fonctions auxquelles vous n'avez pas pensé.

Quelles sont les erreurs à ne pas faire ?

A vouloir trop bien faire parfois on fais n'importe quoi, il y a des erreurs fatales qui sont faites tous les jours, même par des pseudo professionnels. L'erreur la plus courante est de bourrer son design d'éléments graphiques inutiles partout, tellement que le designer ne trouve aucune utilité a faire des CSS corrects. Je pourrais vous donner une liste de designs à plus de 500 EUR tous plus inutiles les uns que les autres, bien qu'ils soient bien réalisés graphiquement ils sont inutilisables sur le terrain. Les CSS sont souvent négligés par certains designers qui ne veulent que montrer leurs prouesses sur photoshop.

Comment faire une charte graphique ?

A vrai dire il faut avoir des compétences dans beaucoup de domaines, c'est un métier à part entière. Que ça soit sur photoshop, illustrator, colorimetrie puis ensuite en HTML, XHTML, CSS, et dernièrement les nouvelles technologies telles que JQuery et j'en passe... il vaut mieux faire appel à un professionnel si vous voulez faire une charte graphique totalement personnelle et custom.

Où trouver une charte graphique pour votre site ?

Vous avez plusieurs solutions suivant votre budget, il y a des sites gratuits qui proposent des chartes graphiques plus ou moins potables. Il y a des sites payants low cost tels que themeforest (là ou j'ai acheté le design de AQC.com et de NaajLLC.com) et il y a les designers plus ou moins professionnels qui vous demanderont un cahier des charges avant de réaliser votre design contre une somme d'argent (souvent plusieurs centaines à plusieurs milliers d'euros).

Pourquoi utiliser une charte graphique personnelle

L'identité visuelle est une des raisons les plus importantes au fait d'utiliser une charte graphique personnelle, si nous avions tous le même design... nous aurions l'impression d'être toujours sur le même site. La meilleure solution est donc d'avoir des designs personnalisés. Un design ergonomique et personnel sera très apprécié de vos visiteurs et aidera à les fidéliser et à les mettre en confiance. Auriez-vous plus confiance dans un site qui a un template gratuit ou dans un site qui a payé sa charte graphique plus de 5.000 EUR chez un professionnel ?

En conclusion, l'ergonomie de la charte graphique est importante, suivant où vous avez placé vos différentes informations vous pourriez multiplier par 10 vos revenus.

Continuez la discussion sur Xev.com