2. Le design, une approche systémique
●
●
●
●
●
Stratégies et enjeux commerciaux et marketing
Ux Design (Card sorting, tests utilisateurs, eye
tracking...)
Ergonomie (Architecture de l'information, zoning,
wireframing, etc...)
Intégration et développement (HTML, CSS, JS, AS,
etc...)
Conception visuelle (Typographie, illustration,
composition, photo, mise en page, théorie des accord
de couleurs, etc...
Mais aussi...
3. Approche neuroscientifique et cognitive
Design = vecteur de lien émotionnel
Première impression
Imaginaire
●
Culture (familiale, sociale,...)
●
Mémoire (long terme)
●
Inconscient
●
Les 3 cerveaux (hypothèse de MacLean)
●
●
●
« Attirance/Répulsion » = « J'aime/Je n'aime pas »
Cerveau reptilien (4-vert)
Cerveau (1-zones bleues)
Cerveau associatif ou cortex (2-rose)
1 - le système limbique (bleu)
2 - le cortex soit le 3ème cerveau
3 - le corps calleux
4 - le tronc cérébral soit le 1er cerveau
5 - le cervelet
●
Réponse 95 % non-conscient
●
Réponse 100 % émotionnelle
●
Quelques millièmes de seconde
4. La première impression implique...
L'évaluation émotionnelle et subjective (J'aime/j'aime pas) est
➢
➢
➢
Normale
●
C'est un mode de fonctionnement du cerveau humain.
●
Inhérente au processus de validation du design.
●
Il faut faire avec et s'organiser en conséquence.
Il y a autant de perceptions différentes de votre design qu'il y a de récepteurs.
La première impression est persistante
●
Les expériences qui tendent à contredire une première impression
n'influencent un avis général que dans ces contextes précis.[1]
●
La persistance s'étiole en rationalisant l'évaluation mais...
Exemple 1 : Exemple de persistance
Exemple 2 : Cdiscount ou les cognitions de répulsions maîtrisées
[1] Generalization versus contextualization in automatic evaluation. Gawronski Bertram ; Rydell Robert ; Vervlie,
Bram ; De Houwer Jan. Journal of Experimental Psychology : General, Vol 139(4), Nov 2010, 683-701.
5. Cas d'école : à tous les coups on perd
Choix graphiques qui génèrent quasi systématiquement des cognitions de
répulsions :
Cognitions générées par la culture
●
●
La prédominance de couleurs sombres
L'emploi de la couleur rose
Cognitions générées par l'effort (Travail cérébral plus important)
●
●
●
●
●
Le manque de structuration de la mise en page
Densité de l'information trop importante
L'emploi de trop nombreuses couleurs
Manque de symétrie
La multiplicité des fontes
Inconfort optique
●
●
Les couleurs saturées (perçues comme inconfortables)
Contrastes trop ou pas assez importants
6. Reformater une 1ere impression négative
Passer de l'émotionnel au rationnel :
Je n'aime pas
ok
ok
ok
ok
En fait c'est adapté
Il faut :
●
●
●
Du temps
Un interlocuteur neutre ou ouvert
Des outils...
Je valide
7. Outils de restructuration cognitive
Psycho sociale/cognitive
●
●
●
●
●
●
●
Phénomène de contagion
Effet de Halo
Effet de primauté
Effet de récence
Effet de simple exposition
Effet de sur-accentuation sociale
Effet de contraste
UX design / Ergonomie
●
●
●
●
●
●
●
●
Ce sont des techniques basées sur
des modèles mentaux qui permettent
d'influencer une décision, une
impression ou une action.
●
●
●
●
Audit de potentiels
Audit d’e-réputation
Enquêtes
Focus group
Eye tracking
Mouse tracking
Tests utilisateurs
Benchmarking
Card Sorting
A/B testing
Enquête de satisfaction
Analyses statistiques
8. Le design, ce processus empirique 1/2
●
Le design n'est pas une science
●
Faites des tests
●
Étayez vos propositions avec des mesures
●
Prévoyez de la maintenance graphique
9. Le design, ce processus empirique 1/2
●
Le design n'est pas une science
●
Faites des tests
●
Étayez vos propositions avec des mesures
●
Prévoyez de la maintenance graphique
10. Le design, ce processus empirique 2/2
Présentation
OUI
Consultation
• Présentation des
visuels
• Itérations client/graphiste,
questions, explications…
• Présentation de la
direction artistique
• Réunion client interne
Suite
Validation
• Évaluation de la
proposition et des livrables
par le client
du projet
NON
Gestion des demandes de modifications
NON
1. Expression
Expression,
formalisation et
justification de la
demande par le client.
2. Evaluation
Impact de la demande
sur:
• Le cahier des charges
• La direction artistique
• Le juridique
• Le budget
• Le planning
• Les ressources (RH,
matériel, achat d’art)
3. Décision
Le traitement de la
demande de
modification est-il
souhaitable?
OUI
4. Réalisation
des modifications par
le prestataire
graphiste/DA.
11. Comment présenter une création ?
Avant la réunion de présentation
Pendant la présentation
1) Insérez les réunions de présentation
dans le processus global de validation
1)Présentez vous / Posez les règles
de la réunion
2) Identifiez vos interlocuteurs
2)Reprenez les objectifs de la
réunion
3) N’envoyer jamais une composition
graphique sans explications
4) Formalisez le concept visuel
5) Choisissez qui doit présenter la
compo
6) Définissez le contexte de la
présentation
7) Préparez votre matériel avant votre
présentation
3)Dites ce que vous attendez des
personnes présentes
4)Revenez sur le contexte
5)Exprimez votre parti-pris de DA
6)Laissez au client un espace
d’expression
7)Soignez vos supports
12. Comment présenter une création ?
Pour aller plus loin :
Web design : Comment présenter un visuel au client final?
➢
http://demontiers.com/2009/11/web-design-comment-presenter-un-visuel-au-client-final/
Validation du graphisme : mieux gérer les refus du client
➢
http://demontiers.com/2009/11/validation-du-graphisme-mieux-gerer-les-refus-du-client/
13. Conclusion
Cadrage du processus de validation du design
(champ organisationnel)
+
Cadrage émotionnel du client
(champ transactionnel)
=
Design validé et R.O.I
Merci!
laurent@demontiers.com
Twitter: @L_Demontiers