Les maitres mots d’un site web : la cohérence et l’harmonie de l’expérience utilisateur.
Best practices à adopter pour le site web Tout L’Or du Sud.
1
1 DO: Choisir les bonnes polices et taille de police
Best practices: * utilisez une police principale pour le contenu et toujours garder la même sur tout le site. * Ne pas écrire de contenu en lettre capitale. * Seuls les titres peuvent être de police ou de taille différente

DONT: Avoir 5 polices différentes dans des tailles différentes
Les polices ne sont pas harmonisées sur tout le site. Les titres, contenu, lien de navigation et de menu sont différents. La police, sa taille et sa couleur sont importantes dans la clarté d’un site.
Example of don’t :

2
2

DO: Choisir la bonne charte de couleur
Les couleurs font partie de l’expérience de l’utilisateur. Elles sont associées à des valeurs et à des émotions. Les couleurs de votre site web doivent être en concordance avec l’expérience que vous voulez provoquer chez votre utilisateur. Ils doivent ressentir les valeurs que vous portez.
Exemple :

DONT: Trop en faire avec trop de couleurs différentes
Avoir trop de couleur différente sur un site web fatigue l’œil de l’utilisateur et le perds. Son attention va être trop sollicitée par les différents changements de couleur ce qui provoquera sa saturation. Il en ressortira un manque de clarté de votre site. Il ne faut pas dépasser plus de 4 couleurs et garder logique dans l’utilisation de celles-ci. La couleur doit avoir un objectif : faire ressortir les informations importantes.
Tout l’or du Sud : 1. Bordeau 2. Orange 3. Vert 4. Gris 5. Rouge

4
4
DO: N’afficher que des images en HD adapté au cadre qui les contiennent
La qualité des images est importante dans le sentiment que va dégager un site web. Les images de mauvaises qualités auront un impact négatif dans l’opinion de l’utilisateur de votre site. Les images dans les diaporamas doivent aussi correspondre à la taille du canevas. DON’T: Afficher des images de mauvaise qualité, floues et dont la taille n’est pas adaptée au cadre

5
5
DONT: Proposer une version anglaise si elle n’est pas utile
DO : Proposer une version anglaise si vos visiteurs sont internationaux.
Analysez la provenance de vos visites. Si celle-ci est assez importante, la traduction de votre site pourrait vous être nécessaire. La traduction doit être complète et ne pas présenter d’erreur de traduction.

6
6
DO: Etablissez une navigation simple et efficace

Si vous avez une page d'inscription sur votre site, peut-être, vous aurez votre navigation principale dans une couleur, tandis que le bouton d'inscription est d'une autre couleur. Peu importe, vous voulez faire une navigation facile à repérer et à utiliser.
Exemple

DONT: Faire chercher à vos utilisateurs les informations importantes

Vos lecteurs ne devraient pas dépasser plus de 30-40 secondes à essayer de trouver un contact ou à propos de la page. Ils devraient également ne pas avoir à cliquer sur trois pages juste pour obtenir un formulaire d'inscription. Les informations importantes doivent être rapide à localiser. Vos encadrés de footer devraient par exemple pouvoir être cliquable et ramener directement sur la bonne page
Exemple :

Le menu
Le menu est, bien sûr, un élément central du site et de sa navigabilité.
En tant qu’élément récurrent, dans les sites web, les internautes sont habitués à y trouver les rubriques du site. Il peut donc être un premier indice du contenu du site et de ce qu’on y trouvera. Le découpage et le nommage des rubriques est donc primordial et doit bien correspondre au contenu effectif.
Le rendu graphique du menu est bien sûr important. Il doit être différencié du reste du contenu et lisible. Pensez aux critères d’accessibilité (contraste des couleurs de fond et de texte, par exemple). Méfiez-vous également des menus qui, pour être plus jolis, utilisent des images plutôt que des typographies systèmes : le référencement en sera moins bon.
Mis à part la mise en forme d’une rubrique qui peut changer en fonction du contexte (onglet de couleur différente lorsqu’on navigue dans la rubrique en question), le menu doit être au même endroit et avec le même rendu graphique et le même contenu sur toutes les pages. C’est un élément de repérage important ; il ne doit pas « bouger ».

Cette double barre de navigation est perturbante pour l’utilisateur. Les différents types d’informations y sont en plus mélangés. La barre du haut devrait faire partie du footer avec le contact/ le qui sommes-nous ? /
La barre présentant les produits doit mieux catégoriser pour permettre à tout utilisateur de les retrouver. Il devrait y avoir une catégorie Vins ou Boissons / Spécialités du Sud sucrés / Spécialités du Sud salées/ Les condiments/ Les paniers gourmands. Car telle que la catégorisation actuelle est faite un utilisateur ne sait pas par exemple ou aller si il cherche du miel par exemple : « gourmandise » ou « spécialités » ? Il faut se mettre à la place d’un utilisateur cherchant un produit.