Oct 14

Une ambiance, une couleur

Vous êtes vous déjà demandé pourquoi les substituts hyper protéinés ont tous une couverture noire ? Ainsi que nombreuses enseignes de cosmétiques ? Savez vous pourquoi de nombreuses mousses à raser ont un habillage bleu ?

Une couleur correspond à une ambiance, un contexte. Je vais en distinguer huit et en faire un descriptif rapide et vous présentez une méthode très pratique pour choisir vos couleurs en fonctions de l’ambiance et l’impression que vous souhaitez laisser aux internautes.

Caractéristiques types

Rouge

le rouge est une couleur par nature dynamique et excitante. Symbole de force et de passion, il indique à l’internaute que son attention est requise.

  • Couleur du sang : Symbole de vitalité induit par la couleur du sang. A l’inverse d’un homme pâle qui parait fatigué. Une personne qui a bon teint  induit vigueur et force. Par extension nous arrivons à la notion de vitalité, de passion, d’amour et d’érotisme.
  • Couleur du feu : Rouge comme un feu ardant. On peut y voir la destruction, la couleur du diable et donc la mort. Paradoxalement, nous avons également le symbole du Phoenix, qui renait de ses cendres. Pour reprendre vie. C’est donc une couleur ambivalente qui représente une joie de vivre mais aussi le mal
  • Couleur du diable : On parle dit de certain qu’ils sont « rouges de colère » ; c’est donc aussi la couleur du mal, de la colère.
  • Couleur de l’interdit et de l’urgence : Présent sur les panneaux sens interdit, on parle d’alerte et téléphone rouge. Par ailleurs au football la pénalité la plus importante est le carton rouge. Cela induit l’urgence de la situation, comme le montre le signe de la croix rouge

Orange

Mélange du rouge et du jaune. Cette couleur est celle de l’énergie et du soleil. Cela évoque aussi la liberté comme nous le voyons dans la révolution orange.

C’est aussi la couleur par excellence de la communication. Une célèbre société de télécommunication utilise cette couleur et en porte même le nom. Par ailleurs, nombreuses compagnies aérienne ou agences de voyages en lignes utilise l’orange.

Jaune

Couleur dynamique. C’est celle du soleil. Elle apporte l’énergie, bonne humeur et la chaleur. Associé à l’or, c’est aussi la couleur de la richesse et du prestige.

Vert

  • Symbole par excellence de la nature. Couleur de la chlorophylle. Une foret est verte à plus de 90%. Le vert apporte l’idée de régénération et de développement et par conséquence l’idée de fécondité de d’abondance. Un environnement vert inspire calme et stabilité.
  • Symbole du hasard : La couleur des tapis de jeux dans les casino est vert. En effet cela vient de la nature même de la couleur verte qui a été une des plus difficile à produire au moyen-age. Ceci implique qu’elle soit associée à la chance. D’où certaine superstitions notamment au théâtre. En second intonation nous viens l’idée de jeux et d’argent. Nous pourrions citer un célèbre billet vert : le dollar.
  • Symbole de confiance : le vert inspire confiance, il met dans un état de détente. La couleur contraire est le rouge. On retrouve ces valeurs opposée dans les feux tricolore : alerte / détente

Bleu

  • Calme et stabilité : couleur de l’eau et du ciel (éléments immuables). Il inspire volupté.  En ce sens il a un symbolique d’ordre divin. Au moyen-age le bleu devient la couleur royale (le roi étant une représentation divine). Liaison en l’océan et le ciel , nous arrivons à l’idée de stabilité
  • Protection et sécurité : Le bleu du ciel représente la protection
  • Sérieux et professionnalisme :
  • Froid : Couleur des glaciers. Il s’agit de la couleur la plus froide. C’est aussi la couleur de l’immatériel : eau, vide, air. En découle une idée de dématérialisation et d’infini

Violet

Créativité et imagination. Nous avons aussi une association avec le luxe et la romance.

 

Choisir son ambiance

Le nuancier

Outre l’usage pratique du nuancier, destiné à voir d’un seul coup d’œil l’ensemble des couleurs possibles, je vais vous en proposer une utilisation plus psychologique. Interprétation psychologique des couleursSur ce nuancier, nous avons trois axes :

  • L’axe horizontal qui représente le caractère de la chaleur d’une couleur (Chaud / Froid)
  • L’axe vertical permet des déterminer si votre couleurs est de type : Naturel ou Sophistiqué
  • L’axe oblique représente l’intensité de votre couleur. Plus votre couleur se rapproche de la périphérie plus est sera intense. Au contraire, plus vous vous rapprochez du centre, plus elle sera discrète.

Prenons l’exemple de la couleur orange. Celle-ci se trouve dans en bas à droite de notre diagramme. C’est donc une couleur : Naturel intermédiaire et Chaud intermédiaire. Par ailleurs elle se trouve en périphérie du cercle, elle a donc une intensité maximale. Nous retrouvons donc le caractère énergique de cette couleur comme vu précédemment.

Mise en pratique

Prenons le cas inverse, je suis webdesigner et mon client m’a contacté pour réaliser le design de son site de vente de matériel informatique avec pour public cible : les femmes de 25-40ans. Celui-ci vend des ordinateurs plus ergonomique et design. Le produit étant manufacturé, je vais partir sur le cadran supérieur. Un pc étant un objet sans vie plus neutre je partirai sur le coté froid d’une couleur. Cependant la cible étant féminine je choisirai un couleur quasiment neutre mais coté chaud pour transmettre l’idée de l’impulsion d’achat. Par ailleurs étant donné la cible, le violet foncé en dominant sera plus approprié aux femmes qu’un bleu foncé.

Références

Plusieurs références intéressantes pour approfondir le sujet :

Juin 30

Les tortues ne sont pas les bienvenues

Le lièvre ou la tortue

 

Hier je recherche un chargeur pour mon appareil photo en remplacement de celui perdu. Je trouve via Google le produit sur un site avec un bon rapport qualité prix et une livraison rapide. Je rajoute ce produit à mon panier, et souhaite passer ma commande. Je renseigne mes informations personnelles et je valide mon mode livraison. Ravi de l’achat je vais chercher ma carte bleue ; mon étonnement fût grand en revenant nez à nez avec un écran blanc avec la barre de progression de Firefox. Je passe de l’état enjoué, à inquiet pour finir énervé après avoir itéré 2 fois ma validation de formulaire. Au final je fis ma commande sur un autre site de E-Commerce.

Premier impression : temps de réponse

Le facteur temps sur internet est essentiel, non seulement lors de la première impression mais aussi tout au long de la navigation. Passé 10 secondes, un internaute s’impatiente et passe à un autre site. Le temps de chargement n’est pas seulement un critère ergonomique, c’est un facteur de réussite pour votre site et de fidélité pour les utilisateurs. Celui-ci est si important qu’il est inclus dans les algorithmes des moteurs de recherche.

 

Seuils psychologiques

Temps d'attente tolérable

Seuils psychologiques pour le chargement d’une page

Plus l’utilisateur attend plus celui-ci s’impatiente. Vous pouvez considérer qu’une page qui s’affiche entre 5 et 8 secondes a une temps de réponse tolérable. Passé 8 secondes, le taux d’abandon sera bien plus important.

Pour les valeurs inférieures voici le ressenti utilisateur :

  • 0.1s   –   0.2s                       Instantané
  • 0.2s  –    1s                           Immédiat
  • 1s      –     5s                          Fluide

 

Cette aversion à l’attente est explicable aisément, car la rapidité s’associe à la fiabilité. La vitesse d’un site est reçue comme premier marqueur inconscient de professionnalisme. On peut d’ailleurs remarquer que celle-ci est mise en avant sur nombreux sites, pour démontrer leurs professionnalismes :

Exemple de mise en avant du temps de réponse

 

 

Rappelez vous que la capacité de mémorisation de notre mémoire à court-terme est faible. La navigation sur un site doit être similaire à une conversation : rapide, fluide et enrichissante.

Outils

De plus en plus les concepteurs de site sont vigilants sur la temps de réponse notamment avec l’essor des plateformes mobiles.Plusieurs outils sont à votre disposition pour tester et quantifier la rapidité de votre site :

  • L’outil PageSpeed vous permet de détecter précisément les éléments des vos pages les plus lentes.
  • Yslow est une extension Firefox développé par l’équipe de Yahoo!. Cet outil permet d’avoir une note de performance de vos pages. Diverses bonnes pratiques sont évalues afin de vous fournir des pistes d’améliorations.

 

L’optimisation des performances d’un site est un sujet riche, et mérite des heures et des heures de formations. De nombreux billets seront consacrés à ce thème par la suite. Cependant je peux vous conseiller ce livre qui vous donne les bonnes pratiques à respecter pour vos sites internet :

Conclusions

Un internaute qui fait une requête sur votre site, souhaite établir une « communication ». La non réponse de sa requête est déjà une réponse. Il convient d’être réactif à chacune des demandes des internautes. Soyez donc toujours vigilant à ne pas avoir de lenteur sur votre site.

 

[important]Fixer l’impression de professionnalisme à votre public en ayant un site performant[/important]

 

Source : http://www.akamai.fr/enfr/html/about/press/releases/2009/fr/press_091609.html

 

Août 16

Bonjour

Bienvenue sur web-mentalist.fr. Entrepreneur, webmaster, bloggeur, développeurs … internet est votre outil de travail principal. Ce blog est fait pour vous !!!

Dans la vie, les trente premières secondes sont capitales pour plaire et inspirer confiance auprès de vos interloculeurs. Sur le web c’est encore plus vrai.

Je vous apprendrais à décrypter les marqueurs qui font qu’au premier coup d’oeil votre site fera la différence.

Psychologie, marketing, performance sont les thèmes que j’adorerai sur ce blog.