1. La structure
Avant de créer son propre site internet il est nécessaire, voir indispensable, de bien le poser sur papier et d'en dégager ses grands axes. Plusieurs choses sont à définir pour y arriver :
- le but de mon site, qu'est-ce que j'y propose
- la cible, le public que je vise
- quels moyens j'utilise pour toucher cette cible.
Au mieux votre site sera ciblé au plus il sera pertinent.
2. L'ergonomie
Une fois cette étape effectuée, l'ergonomie aura pour but de rendre le site utile et utilisable, non pas uniquement au travers du design mais grâce à la structure qui aura été établie auparavant.
Pour bien fonctionner, un site doit prendre en compte les habitudes de l'utilisateur, ce n'est pas compliqué, faites comme si le site s'adressait à vous et regardez comment tous les autres sites sont faits, les structures sont souvent similaires.
Une bonne navigation est la clé d'une bonne ergonomie.
3. Hiérarchisation des informations
Le premier contact avec la page accueil du site est primordial, c'est cette page qui va et doit inciter l'internaute à poursuivre la visite plus profondément.
L'organisation des rubriques du menu contribue également à la clarté du site. Plus il y aura de sous rubriques et moins le site sera clair. L'idéal est d'étaler au maximum l'arborescence sur le 1er niveau de menu et ensuite de regrouper les informations similaires ou appartenant à une même famille dans le 2e niveau de l'arborescence.
Le maximum de niveaux toléré avant de perdre l'internaute dans les méandres de la complexité, est de 4 ou 5, au delà votre arborescence est à revoir !
Le schéma ci-dessous représente le chemin que parcours l'il lors de la lecture d'un site à l'écran. Lecture qui elle-même est réduite de 25% par rapport à un balayage sur papier.
Source eyetrack
4. Positionnement des éléments
La place de chaque élément de votre site a également une importance majeure. Il est préférable, même logique de placer en haut de page les informations importantes (accès privés, menu principal, actualités
), car l'il est naturellement moins attiré en fin de paragraphe.
Source eyetrack |
Priorité 1
Priorité 2
Priorité 3 |
La zone rouge en haut à gauche doit contenir les informations les plus importantes.
Pour finir il est bon de savoir que dans une mise en page la perception des couleurs a plus importance que la mise en forme par la taille des textes. Le contraste d'une couleur pourra plus simplement faire ressortir une partie importante ou différente de votre site alors qu'à l'inverse des couleurs peu contrasté exprimeront une sensation de similitude.
|