SlideShare une entreprise Scribd logo
Processus de validation du
design

Assistance à la Maîtrise d’ouvrage (AMOA)
Ergonomie
Design
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...
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
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.
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
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
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
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
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
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.
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
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/
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

Contenu connexe

Similaire à Le processus de validation du Design

conduite_et_management_de_projet_9.pdf
conduite_et_management_de_projet_9.pdfconduite_et_management_de_projet_9.pdf
conduite_et_management_de_projet_9.pdf
KawtarBahlouLi1
 
Traou arvorig-methodologie-design-textile
Traou arvorig-methodologie-design-textileTraou arvorig-methodologie-design-textile
Traou arvorig-methodologie-design-textile
Traou Arvorig
 
Minke initiation au design thinking
Minke initiation au design thinkingMinke initiation au design thinking
Minke initiation au design thinking
Minke
 
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie BaudyFLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
Flupa
 
Clarifier ses objectifs octobre 2014
Clarifier ses objectifs octobre 2014Clarifier ses objectifs octobre 2014
Clarifier ses objectifs octobre 2014
Robert de Quelen
 
Évaluer la lisibilité et la pertinence de son contenu, étape indispensable po...
Évaluer la lisibilité et la pertinence de son contenu, étape indispensable po...Évaluer la lisibilité et la pertinence de son contenu, étape indispensable po...
Évaluer la lisibilité et la pertinence de son contenu, étape indispensable po...
Woptimo
 
Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !
Marseille Innovation
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation
Amaury de Buchet
 
diagrame d'affinité.pptx
diagrame d'affinité.pptxdiagrame d'affinité.pptx
diagrame d'affinité.pptx
YacineBou1
 
Mind Mapping pour la communication
Mind Mapping pour la communicationMind Mapping pour la communication
Mind Mapping pour la communication
kmdakar
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
Newflux UX/UI News
 
Design thinking et Agilité
Design thinking et AgilitéDesign thinking et Agilité
Design thinking et Agilité
Matthieu Gioani
 
Business Innovation Game (Business Value Design)
Business Innovation Game (Business Value Design)Business Innovation Game (Business Value Design)
Business Innovation Game (Business Value Design)
Serge Van Oudenhove
 
Betaleadership - Conférence Una Mai 2016
Betaleadership - Conférence Una Mai 2016Betaleadership - Conférence Una Mai 2016
Betaleadership - Conférence Una Mai 2016
Sylvain Loubradou
 
Etude de faisabilité et analyse de l'existant
Etude de faisabilité et analyse de l'existantEtude de faisabilité et analyse de l'existant
Etude de faisabilité et analyse de l'existant
Clément Dussarps
 
La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'in
Julien Dereumaux
 
Design in startup / scale-up
Design in startup / scale-upDesign in startup / scale-up
Design in startup / scale-up
ELEKS
 
Conduite projet session 3
Conduite projet session 3Conduite projet session 3
Conduite projet session 3
Françoise Gouzi
 

Similaire à Le processus de validation du Design (20)

conduite_et_management_de_projet_9.pdf
conduite_et_management_de_projet_9.pdfconduite_et_management_de_projet_9.pdf
conduite_et_management_de_projet_9.pdf
 
Traou arvorig-methodologie-design-textile
Traou arvorig-methodologie-design-textileTraou arvorig-methodologie-design-textile
Traou arvorig-methodologie-design-textile
 
Formation créativité
Formation créativitéFormation créativité
Formation créativité
 
Minke initiation au design thinking
Minke initiation au design thinkingMinke initiation au design thinking
Minke initiation au design thinking
 
Soutenance projet
Soutenance projetSoutenance projet
Soutenance projet
 
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie BaudyFLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
FLUPA 2010 - Tri de cartes: Mise en pratique - Gautier Barrère, Marie Baudy
 
Clarifier ses objectifs octobre 2014
Clarifier ses objectifs octobre 2014Clarifier ses objectifs octobre 2014
Clarifier ses objectifs octobre 2014
 
Évaluer la lisibilité et la pertinence de son contenu, étape indispensable po...
Évaluer la lisibilité et la pertinence de son contenu, étape indispensable po...Évaluer la lisibilité et la pertinence de son contenu, étape indispensable po...
Évaluer la lisibilité et la pertinence de son contenu, étape indispensable po...
 
Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation
 
diagrame d'affinité.pptx
diagrame d'affinité.pptxdiagrame d'affinité.pptx
diagrame d'affinité.pptx
 
Mind Mapping pour la communication
Mind Mapping pour la communicationMind Mapping pour la communication
Mind Mapping pour la communication
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
 
Design thinking et Agilité
Design thinking et AgilitéDesign thinking et Agilité
Design thinking et Agilité
 
Business Innovation Game (Business Value Design)
Business Innovation Game (Business Value Design)Business Innovation Game (Business Value Design)
Business Innovation Game (Business Value Design)
 
Betaleadership - Conférence Una Mai 2016
Betaleadership - Conférence Una Mai 2016Betaleadership - Conférence Una Mai 2016
Betaleadership - Conférence Una Mai 2016
 
Etude de faisabilité et analyse de l'existant
Etude de faisabilité et analyse de l'existantEtude de faisabilité et analyse de l'existant
Etude de faisabilité et analyse de l'existant
 
La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'in
 
Design in startup / scale-up
Design in startup / scale-upDesign in startup / scale-up
Design in startup / scale-up
 
Conduite projet session 3
Conduite projet session 3Conduite projet session 3
Conduite projet session 3
 

Le processus de validation du Design

  • 1. Processus de validation du design Assistance à la Maîtrise d’ouvrage (AMOA) Ergonomie Design
  • 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