UX/CSS addict
star everlasting since 2000 star

Project

Caroline Notari


acrobat



Attrape ton mobile!
iphone 06 50 23 44 21


e-mail moi

 

 

 


map_pin Loving in Bordeaux - Fr
World citizen
bx-map
Doublecheese :
Digital creative
for a big smile

Le Design Émotionnel

la pyramide de Maslow par Aaron Walter

Design Émotionnel

~
Bourrelier éducation - Étude de cas
~

Concevoir la refonte ou la création d’un site de la meilleure des façons revient à personnaliser la marque par le biais de son interface.

Cela nécessite la réalisation d’une étude appelée persona de design ; Document destiné à devenir la bible de toute la production dite front end, de la conception à la mise en service en passant par le rédactionnel, l’arborescence, la navigation, l’interactivité...

Quel intérêt ?

L’utilisateur, désormais habitué aux réseaux sociaux, recherche l’échange avec une interface plus sociable. Le franc succès du 2.0 a marqué la fin des sites massifs et sans âme représentant une société massive sans interlocuteur particulier.

Il n’est pas rare désormais de trouver des chats en direct, utiles au recours à clientèle, tandis que tenir un fil Twitter et avoir sa page Facebook sont désormais clairement incontournables.

C’est par ce constat qu’il faut se rendre à l’évidence toute élémentaire : l’utilisateur veut percevoir son interlocuteur au-delà d’un simple écran pour pouvoir avoir assez confiance en cette marque.

Gagner en crédibilité

    La projection mentale d'une vraie personne pour interlocuteur permet à l'utilisateur de :

  • Croire en les articles que vous publiez

  • Acheter un de vos produits

  • Mieux encore :

  • Revenir

  • Vous recommander à ses amis

  • Partager son expérience avec vous sur les réseaux.

Quoi de plus efficace que de laisser chez votre hôte le souvenir d’un bon moment passé chez vous ?

La persona de design

Ce document est essentiel au bon déroulement du process de création.Vous y trouverez toutes les informations utiles tout au long du processus de création/vous, ou un membre de votre équipe.

Il s’agit de dessiner les contours de la personnalité qu’aurait votre client, sa marque ou son produit.

Comme pour une vraie personne, définir les traits de caractère

  • Aperçu

    Vue d’ensemble de la persona.

  • 
  • Traits de la marque

    Énumèration des points forts, balayage des malentendus.
    Exemple : FORTE mais pas agressive.

  • Carte de personnalité

    Les amateurs d’œnologie reconnaîtront des similitudes avec la carte des 4 saveurs élémentaires du vin rouge lors de son examen gustatif.
    Ici il ne s’agit pas de l’équilibre Onctuonsité-Acidité-Alcool-Astringence, mais de la proportion Amical-Inamical-Dominant-Soumis.
    Le point sur la carte permet de visualiser rapidement le type de personnalité dont la marque souhaite faire preuve.

  • Voix

    Ici, nous nous projetons dans diverses interactions type avec l’utilisateur telles qu’un message d’erreur ou celui de la validation d’un formulaire. Le ton à employer découle directement du résultat induit par la carte de personnalité.

    
  • Lexique visuel

    Définition de la palette de couleurs qui peut être exprimée par des qualificatifs imprécis tels que “crépusculaire”. Il s’agit de percevoir l’ambiance.
    De même pour la typographie que l’on définira de manière globale comme avec empattement ou linéale, fantaisie ou classique, lisse ou texturée...
    Finir sur le descriptif de la note de style général.

  • Méthodes d’engagement

    Un dernier chapitre dans votre document doit décrire les techniques et astuces employées pour marquer l’utilisateur de l’empreinte émotionnelle que vous rechercher à lui transmettre.
    On y traite 3 points essentiels : méthodes de surprise et d’enchantement, méthodes d’anticipation et récompenses.

 

En savoir plus sur le design émotionnelcouverture du livreLe design émotionnel par Aaron Walter, designer de Mailchimp — collection A Book Apart aux éditions Eyrolles

Le travail peut commencer

Appliquons la technique du design émotionnel au site de Bourrelier éducation - matériel d’équipement, d’enseignement, jouets et jeux pédagogiques à destination des collectivités.

le persona de designci-contre : le site actuel.

le persona de designLa persona de design pour bible.

On amorce l'ambiançage de l'interface. Détermination de la palette couleur, des typo titre et paragraphe, design character ou illustration au besoin...

le persona de designDesign characters.

le persona de designAmbiance.

Parallèlement s'effectue un travail sur l'ergonomie, l'arborescence, les interactions...

le persona de designMaquette de l'interface première visite ou non-connecté.

le persona de designMaquette homepage utilisateur connecté.

 

pause
play
grayscale