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, ...
Approche neuroscientifique et cognitive
Design = vecteur de lien émotionnel
Première impression
Imaginaire
●
Culture (fami...
La première impression implique...
L'évaluation émotionnelle et subjective (J'aime/j'aime pas) est
➢

➢

➢

Normale
●
C'es...
Cas d'école : à tous les coups on perd
Choix graphiques qui génèrent quasi systématiquement des cognitions de
répulsions :...
Reformater une 1ere impression négative
Passer de l'émotionnel au rationnel :
Je n'aime pas

ok

ok

ok

ok

En fait c'est...
Outils de restructuration cognitive
Psycho sociale/cognitive
●
●
●
●
●
●
●

Phénomène de contagion
Effet de Halo
Effet de ...
Le design, ce processus empirique 1/2

●

Le design n'est pas une science

●

Faites des tests

●

Étayez vos propositions...
Le design, ce processus empirique 1/2

●

Le design n'est pas une science

●

Faites des tests

●

Étayez vos propositions...
Le design, ce processus empirique 2/2
Présentation

OUI

Consultation

• Présentation des
visuels

• Itérations client/gra...
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é...
Comment présenter une création ?
Pour aller plus loin :
Web design : Comment présenter un visuel au client final?

➢

http...
Conclusion
Cadrage du processus de validation du design
(champ organisationnel)
+
Cadrage émotionnel du client
(champ tran...
Prochain SlideShare
Chargement dans…5
×

Le processus de validation du Design

609 vues

Publié le

Intervention de 20 min réalisée en septembre 2012 aux Rencontres Interactives de Caen

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
609
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
9
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Le processus de validation du Design

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

×