Le Web design

Question centrale car la performance du site en dépend (1er facteur explicatif de la performance d’1 site marchand).

Doit créer de la valeur pour le visiteur (valeur expérientielle : expérience de visite agréable): le site doit être conçu avec une bonne ergonomie, c’est-à-dire qu’il comprend différents éléments qui concourent à améliorer l’efficacité et le confort d’utilisation du site web. Il doit également répondre aux règles d’accessibilité et proposer une bonne esthétique. Tous ces éléments font partie de ce que l’on appelle le web design. On peut observer certaines tendances en termes de design de sites web comme le flat design, le material design…(en train de changer ! Voir tendances 2018)

(A lire : https://fr.wix.com/blog/2017/12/18/les-grandes-tendances-web-design-de-2018/).

La lisibilité (page simple, aérée, peu chargée).

Choix des couleurs (max 2 ou 3 couleurs dominantes) -> pour donner des points de repère, mettre en évidence certaines zones ou liens. La tendance actuelle est à la couleur (douce ou vive). Le noir et blanc reste toujours d’actualité !

Typo et taille des caractères (pas plus de 3 polices de caractères différentes par page). Privilégier polices simples (arial, helvetica). A noter le retour en force de la typographie qui s’affiche en grand sur les sites (titres).

Homogénéiser l’ensemble

Contraste entre le texte et l’arrière-plan du site

La facilité de navigation :

Règle des 3 clics : le visiteur doit accéder à sa recherche en moins de 3 clics ! Les icônes et formats cartes économisent des clics. Les larges bandeaux facilitent également le repérage sur le site. Lors de la conception, il ne pas se fier à la règle des 3 clics au sens strict, mais garder une certaine flexibilité. Toutefois, rester vigilant à la simplification du parcours de l’utilisateur.

Le repérage :

Permettre à toutes les étapes au visiteur de se repérer dans le site (logo + barre navigation sur/toutes les pages + charte graphique uniforme) aident à se repérer. Utiliser fil d’Ariane qui indique chemin de navigation (à la fin du header). Voir exemple ci-dessous (site marchand chaussures)

La rapidité :

Le temps de chargement des pages doit être le +optimal possible. Faire le test avec Google speed test par exemple : https://developers.google.com/speed ou Pingdom : https://tools.pingdom.com

Chaque page doit avoir un titre court, présentation aérée, plusieurs parties, voire plusieurs pages. 1 paragraphe = une idée majeure, pas de blocs trop larges, usage de l’hypertexte modéré, soulignement à éviter (réservé aux hyperliens), polices sans serif. Texte à associer avec autres sources (visuels, vidéos et une certaine dose d’interactivité). Cohérence entre texte et image importante.

Doit créer de la valeur pour l’entreprise (inciter prospect à devenir client puis inciter client occasionnel à devenir client régulier).

Influence significativement le comportement des visiteurs (agit sur

...