Quelques techniques de design pour émouvoir le visiteur

👴 Attention Cet article a quelques années et n’est peut-être plus à jour !

L’influence de l’interface sur les émotions ressenties par les utilisateurs durant leur navigation fait l’objet de nombreuses recherches scientifiques. Par exemple, Éthier et al. (2008) ont démontré qu’un utilisateur pouvait ressentir différentes émotions (telles que la peur, la joie, ou encore la frustation) durant un épisode d’achat sur un site de commerce en ligne.

L’interface a donc un rôle non négligeable dans l’état émotionnel de l’utilisateur, cet article a pour but de vous présenter certaines techniques qui permettent d’aller chercher des émotions chez l’utilisateur, créant ainsi une expérience utilisateur qui fidélisera vos visiteurs.

Se doter d’une personnalité

Mailchimp est un excellent exemple pour ce point: outre l’interface extrêmement « user-friendly » et son design épuré, Mailchimp dispose d’une forte image de marque axée sur l’humour. Une mascotte rigolote, des phrases humoristiques (high five après avoir envoyé une campagne): autant d’atouts qui vont jouer sur la fidélisation de l’utilisateur !

Un site qui se veut plus « sophistiqué » (exemple d’une marque de luxe par exemple) adoptera une approche plus minimaliste au niveau de son design: images larges, peu de contenu textuel et un nombre minimal de couleurs dans la charte graphique.

La carte humoristique: Mailchimp

La carte sophistiquée : Chanel

Les beauty-shots

En mettant en avant une image, choisie judicieusement et à la qualité irréprochable, on va créer un sentiment d’émerveillement chez l’utilisateur.  Cette technique sera particulièrement appréciée pour les sites mettant en avant une personne (artiste, professionnel…). Un bon exemple pour ce cas est le site de Julie Zhuo, directrice du design chez Facebook, qui met en fond de page une photo d’elle-même haute résolution.

Site officiel de Julie Zhuo

De (petites) animations

L’idée est de réveiller l’utilisateur dans sa navigation et de ne pas le rendre « inactif » en animant un peu les éléments du site. On ne parle évidemment pas de blinkie  (so 2000!) mais plutôt d’une animation légère qui s’adapterait à l’utilisateur. Cela peut se faire par des carrousels interactifs (avec des boutons « Call-to-Action », voir mon article précédent) ou par des animations légères sur certains éléments du site. Stromae, l’artiste belge, le fait très bien sur son site. Des effets parallax auront également une influence positive, en allant chercher l’attention de l’utilisateur.

Sources

Éthier, Jean, et al. « Interface design and emotions experienced on B2C Web sites: Empirical testing of a research model. » _Computers in Human Behavior _24.6 (2008): 2771-2791.

http://uxmovement.com/content/5-design-techniques-to-incite-user-emotion/