Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Le design émotionnel ou comment l'UX influence nos émotions ?

106 vues

Publié le

C’est prouvé, le ressenti émotionnel influence nos décisions.
Comment alors utiliser les émotions dans le design d’objets, d’interfaces, ou de services pour séduire, rassurer, convaincre, faciliter ou fidéliser ?

Le design émotionnel est un domaine nouveau.
Stratégie, moyens, ressenti utilisateurs : des méthodes existent.
Venez les découvrir ainsi que de nombreux exemples pour imaginer de nouvelles façons d’enrichir vos produits et services, en satisfaisant vos clients avec une touche d’émotionnel en plus.

Publié dans : Marketing
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Le design émotionnel ou comment l'UX influence nos émotions ?

  1. 1. LE DESIGN ÉMOTIONNEL COMMENT L’UX INFLUENCE NOS ÉMOTIONS ? DAMIEN LOCKNER | SPICY LIFE | ADETEM | 18/09/2018
  2. 2. Partenaires Clés Structure des coûts Ressources Clés Activités Clés Propositions de Valeur Relations Clients Segments Clients Canaux Flux de Revenus Osterwalder & Pigneur (2011) https://strategyzer.com/canvas/business-model-canvas
  3. 3. UTILISATEUR PROPOSITIONS DE VALEUR PRODUIT
  4. 4. ERGONOME USER RESEARCHER UX DESIGNER PRODUCT UI DESIGNER
  5. 5. SNCF (2006)
  6. 6. SNCF (2006)
  7. 7. Sélection et catégorisation proposées par Lallemand & Grognier (2018) EXPLORATION RECUEIL DES BESOINS UTILISATEURS Entretien Focus Group Observation Questionnaire Sondes Culturelles IDÉATION PRODUCTION D’IDÉES Brainstorming Cartes d’idéation Design studio Experience Maps Personas Techniques Génératives GÉNÉRATION FORMALISATION DE SOLUTIONS Design persuasif Gamification Iconographie Maquettage Storyboarding Tri de cartes EVALUATION ÉVALUATION ITÉRATIVE Complétion de phrases Courbes d’Évaluation UX Échelles d’utilisabilité Échelles UX Évaluation des Emotions Évaluation Experte Inspection Cognitive Journal de Bord Test des 5 secondes Tests Utilisateurs
  8. 8. ( ) EFFICACITÉ EFFICIENCE UTILITÉ SATISFACTION ESCALIERESCALATOR
  9. 9. EFFICACITÉ EFFICIENCE UTILITÉ SATISFACTION UTILISABILITÉ
  10. 10. L’ÉMOTION INFLUENCE LES COMPORTEMENTS.
  11. 11. LE RESSENTI ÉMOTIONNEL, CE N’EST PAS QUE POUR LE FUN
  12. 12. Sécurité Confiance Fierté Excitation Prise de décision Jugements positifs Optimisme Attention Mémoire Apprentissage Engagement
  13. 13. Appraisal Décision et Comportement Stimulus Expériences passées ? Arnold (1945), Schachter (1959), Mandler (1982), Desmet (2003), Scherer, 2005, Clore & Ortony (2008). Adaptation visuelle de Lockner (2018)
  14. 14. PLAISIR INDIVIDUEL INDIVIDUATION COLLECTIF EFFICACITÉ EFFICIENCE UTILITÉ Hancock, Pepe & Murphy (2005). Adaptation visuelle de Lockner (2015, 2018)
  15. 15. Mailchimp (27/06/2017), https://login.mailchimp.com/signup/
  16. 16. Michel et Augustin (2018)
  17. 17. Michel et Augustin (2018)
  18. 18. Honda (27/06/2017), Type-R, http://auto.honda.fr/cars/new/civic-type-r-2015/overview.html
  19. 19. Petzl (2015), Spatha, https://www.petzl.com/FR/fr/Sport/Sacs-et-accessoires/SPATHA
  20. 20. Vimeo (27/06/2017), https://vimeo.com/
  21. 21. Michel et Augustin (2018)
  22. 22. Balsamiq 3.5.7 Balsamiq 3.5.7 (27/06/2017)
  23. 23. Balsamiq 3.5.7 (27/06/2017)
  24. 24. Balsamiq (27/06/2017), What should I make for dinner? https://balsamiq.com/dinner/
  25. 25. EMPATHIE PLAISIR INDIVIDUEL INDIVIDUATION COLLECTIF SYMPATHIE EFFICACITÉ EFFICIENCE UTILITÉ Lockner & Bonnardel (2015).
  26. 26. WHO are we empathizing with? What do we want them to DO? W hat are they SEEING? What are they SAYING? ©2016 XPLANE | www.xplane.com W hat are they HEARING? W hat are they THINKING & FEELI N G What are they DOING? EMPATHY MAP WORKSHEET Name: Date: XPLANE (2016) http://x.xplane.com/empathymap
  27. 27. Antouly, Carbonel, Chagnard, Meurgue-Guyard, sous la direction de D. Lockner (2017) Calendrier pour malade d’Alzheimer, Universités d’Aix-Marseille & Sherbrooke
  28. 28. HUMOUR VISCÉRAL COMPORTE- MENTAL RÉFLECTIF SYMPATHIE EMPATHIE PLAISIR COMME UN AMI INTERFACE PRODUIT ÉMOTIONS UTILISATEURS STRATÉGIES DE DESIGN FORMES & FONCTIONS PERSONNALITÉ PERÇUE PERSONNALITÉ SOUHAITÉE ACCEPTATION ATTENTES Lockner & Bonnardel (2016).
  29. 29. A N N A Assistive eNvironnment Application CRÉATIVE [Ouverture à l’expérience] EXTRAVERTIE [Extraversion] COOPÉRATIVE [Agréabilité] CONSCIENCIEUSE [Conscienciosité} CALME [Stabilité émotionnelle} EMPATHIQUE ET SYMPATHIQUE Anna est compréhensive et experte. Anna est médecin ; elle comprend la situation et les difficultés vécues par les personnes âgées et leur entourage. Anna propose des solutions adaptées, mais prend peu de décisions par elle-même. DIGNE DE CONFIANCE Anna est rassurante ; elle est calme, posée et consciencieuse. Anna est fiable, les informations transmises sont claires, simples et faciles à comprendre. Elle ne communique pas tant pour ne pas déranger, mais agit lorsque c’est vraiment nécéssaire. Lockner (2017) Lockner (2017), Un design persona - ANNA UI - Domus Usherbrooke.
  30. 30. PRINTABLE NOTEPAD 1 Lockner (2017), Emotional Tags associé au Livescribe paper.
  31. 31. Lockner (2017), Entretien utilisateur pour la conception d’un design persona
  32. 32. 1 Tablet UI - Dernière mise à jour le 19 juillet 2017 2:45 TITRE 1 VALUE TITRE 2 VALUE Tablet UI - Dernière mise à jour le 19 juillet 2017 2:45 Lockner (2017), Spécifications ANNA UI - Domus Usherbrooke.
  33. 33. A N N A Assistive eNvironnment Application CRÉATIVE [Ouverture à l’expérience] EXTRAVERTIE [Extraversion] COOPÉRATIVE [Agréabilité] CONSCIENCIEUSE [Conscienciosité} CALME [Stabilité émotionnelle} EMPATHIQUE ET SYMPATHIQUE Anna est compréhensive et experte. Anna est médecin ; elle comprend la situation et les difficultés vécues par les personnes âgées et leur entourage. Anna propose des solutions adaptées, mais prend peu de décisions par elle-même. DIGNE DE CONFIANCE Anna est rassurante ; elle est calme, posée et consciencieuse. Anna est fiable, les informations transmises sont claires, simples et faciles à comprendre. Elle ne communique pas tant pour ne pas déranger, mais agit lorsque c’est vraiment nécéssaire. Lockner (2017) Lockner (2017), Un design persona - ANNA UI - Domus Usherbrooke.
  34. 34. 4 Tablet UI - Dernière mise à jour le 19 juillet 2017 2:45 NUANCIERCHARTE GRAPHIQUE Le nuancier est établi à partir des coloris proposés par Material.io (Google): https://material.io/color/#!/?view.left=0&view.right=0&primary.color=3F51B5&secondary.color=80CBC4&primary.text.co- lor=F5F5F5&secondary.text.color=263238 Les tons sont choisis d une part a n de correspondre la personnalité applicati e couleurs relati es l e pertise médicale tout en apparaissant a les et sécurisantes et d autre part a n d tre accessi les oir pa e sui ante Couleurs: - Indigo 500 #3F51B5 Primaire Variante Dark #002984 Fond de panneau (alpha 50%) Variante Light - Teal 200 #80CBC4 Secondaire, sélection ed A oti cations importantes erreurs - LightBlue A100 #80D8FF Anna - Green A400 #00E676 Sélection aidant - Grey 100 #F5F5F5 Texte primaire (sur fond sombre) - BlueGrey 900 #263238 Texte secondaire (sur fond clair) Lockner (2017), Spécifications ANNA UI - Domus Usherbrooke.
  35. 35. Lockner (2017), Spécifications ANNA UI - Domus Usherbrooke.
  36. 36. Lockner (2017), Maquette applicative exploitant le design persona - ANNA UI - Domus Usherbrooke.
  37. 37. Damien.Lockner@spicy.life

×