Qu'est-ce que le design émotionnel ?

Nous verrons dans cet article comment se distingue un design émotionnel et des exemples de mise en oeuvre dans un projet web.

Le livre “Design émotionnel” d’Aarron Walter

J’écris cet article pour partager mes sentiments suite à la lecture du livre Design émotionnel d’Aarron Walter, édité aux Éditions Eyrolles et issu de la collection “A Book Apart”.

Qu’est-ce que le design émotionnel ?

Une interface web doit être fonctionnelle, fiable et utilisable. Elle doit donc répondre à des critères techniques. Sans cette base solide, un site ne fonctionne pas, de façon optimale en tous cas. Mais la technique ne fait pas tout. Pour qu’un internaute se sente bien sur un site, que la visite d’un site se transforme en expérience, ce dernier doit transmettre une personnalité pour lui donner un sentiment et ainsi établir un lien entre humains. Le design émotionnel sert donc à transmettre de l’humanité dans les interfaces et donc de la proximité ou de l’empathie.

Comment rendre son site émotionnel ?

Mettre de l’émotion dans son site, le rendre agréable et original ne nécessite pas forcément une refonte complète de l’interface. Bien souvent, l’émotion est passée par des détails graphiques ou fonctionnels. Ce peut être un ton particulier dans les textes, l’utilisation d’une mascotte sympathique, l’ajout de fonctionnalités amusantes ou d’animations dynamiques.

Les mascottes sympathiques

Aarron Walter appelle cela “le pouvoir des visages de bébés” pour attendrir son image de marque. On peut citer MailChimp qui utilise un sympathique singe coloré comme mascotte.

Le contraste

En jouant sur des contrastes de formes ou bien en utilisant des couleurs décalées, on crée alors un univers spécifique et on transmet ainsi une expérience unique à l’internaute.

Mettre en avant les hommes

En utilisant de grandes photographies et des témoignages réels, vous donnez résolument un côté humain à votre site. On citera comme exemple Housing Works ou encore WithDesigners.

L’utilisation du chiffre d’or

La beauté n’est pas que subjective. Il existe des règles d’harmonies qui permettent de rendre un objet, ou une interface web, agréable à regarder. Le nombre d’or, utilisé par exemple dans l’interface de Twitter, participe à ce sentiment d’harmonie.

Les touches d’originalité, la surprise et l’inattendu

Aaron cite Photojojo comme touche originale est inattendue dans l’interface avec notamment la façon dont se comporte le panier du site. Ce dernier affiche un petit smiley triste lorsqu’il est vide et sourit une fois remplis. C’est simple mais impactant. Dans un exemple plus proche, notons également le cas de Kanopée Store, une boutique de vente en ligne de terrariums réalisée par l’agence et qui opte pour un comportement du même ordre : une petite mouche vient se loger dans le panier lorsque l’internaute ajoute un produit à sa commande.

Pour aller plus loin

Vous le constatez le design émotionnel est simple à mettre en place, par petites touches. Cela ne nécessite pas forcément une refonte totale de votre site Internet. Ajouter de l’émotion peut se faire progressivement au gré de l’évolution de votre site si vous le souhaitez.

Je vous invite dès à présent à lire le livre “Design émotionnel” d’Aarron Walter, que vous pouvez par exemple commander sur Amazon. Il va plus loin dans le concept en abordant par exemple une persona du design d’un site web ou encore les risques et récompenses d’exprimer ses émotions via son site web.