Concevoir un site web

1. L’architecture

• L’architecture du site est-elle cohérente ?
• Le site est-il bien rangé ?
• Il faut veiller à avoir une arborescence logique, les pages du sites doivent être à la bonne place, les menus doivent être clairs et donner envie de visiter le site.

2. L’organisation visuelle d’une page

• Les images sont-elles à leur place ?
• La typographie est-elle bien choisie ?
• Les informations sont-elles bien hierarchisées ?
• Les éléments d’interactions inutiles ont-ils été supprimés ?
• La navigation est-elle idéale pour l’internaute ?

3. La cohérence

• Le site est-il cohérent ?
• La navigation est-elle efficiente ? Les internautes reviennent-ils ?

4. Les habitudes de l’internaute

• A t’il l’expérience du web ?
• Il faut tenir compte des usages et des pratiques.
• Il faut faire attention au vocabulaire employé.

5. L’information

• Il faut informer l’internaute au bon moment.
• Informer pour augmenter votre force attractive : placer vos points forts et vos particularités.

6. La compréhension

• Il faut bien choisir son vocabulaire, les mots doivent être choisis minutieusement.
• Le vocabulaire doit être exact, précis et orienté utilisateurs.
• Les symboles doivent être compréhensibles.

7. L’assistance

• Les clics doivent être logiques, la navigations logique, l’internaute doit pouvoir se diriger facilement.
• Si le site est complexe, il faut l’aider à naviguer.

8. La rapidité

• L’internaute ne doit pas perdre son temps.

9. La liberté

• L’utilisateur ne doit pas se sentir contraint, il doit pouvoir refuser une proposition commerciale.

10. L’accessibilité

• Vous devez penser le site responsive.

11. La satisfaction

• La qualité du site doit être ressentie au premier niveau et à tous les autres niveaux.
• L’utilisateur doit être satisfait grâce au design.
• Mais aussi grâce au contenu lisible des pages et grâce à une interaction évidente.

1. Comprendre les comportements des utilisateurs

• Comment contacter le service client ?
• Comment réserver ?
• Comment est présenté le produit ?
• Comment naviguer dans les rubriques et sous rubriques ?

Se plonger dans toutes les catégories structurelles du site : accueil, boutique, présentation produit,  achat, paiement, etc.

2. Votre inspiration, une inspiration interdite

• Travaillez en équipe.
• Ne jamais penser qu’une seule solution pour le site.
• Ne pas tout miser sur une première idée.

• Bien choisir ses mots pour le libellé d’une rubrique ou d’une sous rubrique.
• Comment bien choisir un mot ? Le libellé doit être un indice révélateur et identifiable.

• En général, utilisez deux couleurs dont une dominante.
• Choisissez des polices de caractères cohérentes entre elles.
• Utilisez des polices contemporaines.
• Optez pour la règle des trois tailles.

• Les sites inventifs où l’internaute trouve facilement toutes les réponses sont des sites à valeur concurentielle, ils font la différence.
• Posez-vous les questions susceptibles d’être posées par les internautes, simplifiez leur la tâche.
• exemples de micro-utilités : carroussels photos, présentation à 360°, présenter le contenu des coffrets si vous en proposez, notice d’utilisation si le produit en a besoin, conseils de dégustation, etc.
• Simplifiez toujours la tâche des internautes.

• Une erreur courante : se jeter sur le design graphique après le brief.
• Le zoning est un document généraliste grossier, il est peu détaillé et son rôle est de représenter toutes les pages.
• Dimensions générales du zoning : 1024×800 px (la hauteur peut varier selon les besoins).
• La notion de fold (ce que l’on voit avant de scroller à l’écran) est importante.
• C’est un document contractuel.
• Les espaces attribués à chaque zone peuvent être agrandit ou reduit.
• Il installe les principales parties d’une page à un niveau abstrait.
• Ne mettez que les nom des zones pas de couleur.

• Elle permet de détailler par l’écriture le détail de chaque zone.
• Le zoning découpe chaque page et donne un nom et une fonction à la zone.
• Tandis que la maquette enreichiz les zones : description précise de chaque zone.
• Attention, on ne fait toujours pas de concept graphique.
• La maquette correspond aux 11 règles évoquées.
• C’est aussi un document contractuel.
• Chaque mot est réfléchi.

• La charte graphique est conçue d’après la maquette.
• Présentez les règles graphiques (type de couleur, degré de transparence, façon de présenter les images, menu, symboles, choix des polices de caractères).
• Pour le texte : définir les espaces, la taille de police, l’approche, l’interligne.
• La charte graphique est aussi un document contractuel.