Accueil Recherche Page précédente Page suivante Haut de page(aller au contenu) liens d'évitement et raccourcis clavier Droits de copie Aller au menu

esthétismeEsthétique et couleur


Sur le site Ergonomic Garden, Thérèse Migan défend l'idée que "Ce qui est beau est utilisable". On lit souvent par ailleurs que l'esthétique et le dernier des soucis des visiteurs. Qui faut-il croire ?

Cette page s'inspire d'un article de RankSpirit : Esthétique et couleur dans le design Web

Sélection de liens concernant l'esthétique et la couleur

Usabilis :
Ergonomie et beauté
Amélie Boucher pose le problème consistant à concilier l'esthétique et l'usabilité.

Faites critiquer
votre site sur Alsacréations
Bien que les critiques d'Alsacréations portent a priori sur la qualité du code, vous pourrez également bénéficier d'appréciations sur l'ergonomie, l'accessibilité et l'esthétique de votre site. Si vous voulez éviter de vous faire taper sur les doigts, vérifiez tout de même la validité de votre code avant de le soumettre !

Voici quelques autres forums sur lesquels vous pourrez proposer votre design en test :
Kob-One
WebrankInfo
ForumWebmaster
ForumHardware

Jolies pages...
CoolHomePages


Ces sites proposent des sélections des plus beaux sites. Jolies Pages les classe par couleurs. De quoi trouver l'inspiration !

L'esthétique

La plupart des internautes recherchent de l'information pratique, pas des belles images. Votre soucis d'esthétique ne doit jamais nuire, en aucune façon, à l'ergonomie et à la lisibilité de votre contenu. Attention surtout à ne pas faire exploser le temps de chargement de vos pages par l'emploi excessif d'images ou d'animations (voir optimiser les images de votre site)

Gérez vos priorités dans l'ordre suivant :

  1. contenu
  2. clarté-ergonomie (aspect pratique)
  3. rapidité d'affichage / accessibilité
  4. esthétique

Si ce classement vous semble discutable, vous pourrez vous forger votre propre opinion par vous-même.

Cela étant dit (et si la chose est possible) : associez l'agréable à l'utile ! Un design original, qui parvient à être esthétique tout en restant fonctionnel, peut avoir un impact positif très important sur la perception de votre site par vos visiteurs et sur la trace qu'il laissera dans leurs mémoires. Nous avons pu constater une hausse de fréquentation de l'ordre de 20% après la refonte de l'esthétique d'un site. Formidable, non ? Sans doute, mais l'amélioration de la structure du site, de sa mise en page et de ses menus pourra faire 100 fois mieux. Gérez donc vos priorités dans le bon ordre.

On prétend que les goûts et les couleurs ne se discutent pas... c'est faux ! Surtout lorsqu'on s'adresse au plus grand nombre. Votre site doit séduire le maximum de visiteurs. Soignez donc vos accords de couleur.

Pour le reste, si vous n'êtes pas graphiste vous-même, faites appel aux talents qui se proposent gratuitement sur les forums (Ironway-Design, par exemple)

Dans le doute, inspirez-vous de la page d'accueil de Google et FAITES SIMPLE ! La beauté réside souvent dans la simplicité.

La couleur

La couleur n'a pas qu'une influence sur l'esthétique d'un site. Elle fait partie intégrante du design dans la mesure où elle  influence la lisibilité (ergonomie et accessibilité) des pages. Elle modifie la perception de vos pages par vos visiteurs.

Les champions de la grande distribution connaissent parfaitement l'importance du "packaging" (emballage) pour la vente de leurs produits. Ce principe peut s'étendre aux Web si vous considérez votre site comme un produit. Arkantos Consulting propose une réflexion intéressante sur les "effets de la couleur des sites internet sur la mémorisation et l'intention d'achat".

ColorSelector, YoyoDesign et Iamcal : permettent de sélectionner des couleurs et de mesurer en temps réel leur lisibilité pour différents troubles de la vision (cataracte, protanopie, deuteranopie, tritanopie).

ColorDoctor et VisCheck simulent les troubles de perception de la couleur pour tout document affiché à l'écran.

Le "journal du net" propose un résumé des problèmes liés au daltonisme et des solutions pour y remédier. Il propose également plusieurs outils permettant d'effectuer des tests : Wellstyled et Snook : proposent des accords de couleurs qui préservent une bonne visibilité.

Voici également une liste de ressources liées au thème de la couleur :

Le choix de la couleur dominante de votre site peut s'inspirer des couleurs les plus couramment choisies pour les principales thématiques du Web :

Noir et blanc, mauve ou marron : Art, culture, cinéma, théatre
Bleu : Informatique, techniques du Web, high-tech, médecine, aéronautique, piscine
Jaune : Tourisme, humour et divertissement
Rouge : Publicité, médias, politique
Vert : Natures, loisirs
Orange : Sport et divertissement

Ces choix n'ont bien entendu rien d'"officiel" et ne font que rendre compte des grandes tendances actuelles.

L'approche du CCDMD

Le Centre collégial de développement de matériel didactique (CCDMD), géré par le collège de Maisonneuve au Québec a édité en 2007 un guide du design ("Notions de design de l’interface utilisateur") comportant une section sur les couleurs de l'interface idéale.

Voici ce que nous dit cette section :

L’oeil perçoit les couleurs d’une façon particulière. Compte tenu de sa conception (cônes et bâtonnets différemment répartis), la structure physique de la rétine permet d’établir deux règles simples.
L’oeil est plus sensible à certaines couleurs que d’autres. La couleur composée d’un mélange de jaune et de vert est une de celles à laquelle l’oeil est très sensible de jour. En contrepartie, la nuit, l’oeil est presque aveugle à la couleur rouge et tout ce qui tend vers le bleu ou le violet devient plus visible.
Recommandations

En règle générale, l’usage des couleurs a pour fonction :
Toutefois, afin d’éviter la sur-utilisation de la couleur, il faut :
Toujours faire des tests auprès de différents utilisateurs afin de valider le choix et la pertinence de couleurs.

Ce site vous a plu ? Visitez aussi : L'annuaire ultra-sélectif pour webmasters  et  Le design des sites Web



Valid HTML 4.01 Transitional - Vérifier l'orthographe avec RankSpirit et "BonPatron"
Design Web - Accueil