Design émotionnel

6 455 vues

Publié le

MAJ le 01/06/2015 > www.emotional.design
Nouvelle présentation dispo ici : http://bit.ly/1QjOyqe

-----------------------------------------------
COMMENT ENGAGER VOS VISITEURS AVEC UN DESIGN ÉMOTIONNEL ?
-----------------------------------------------
Engager, convaincre et fidéliser vos internautes avec une expérience utilisateur est un défi au quotidien. Une ligne éditoriale, une mascotte, des fonctionnalités ou encore un effet sonore peuvent provoquer des réactions émotionnelles positives ou négatives à vos visiteurs. Cette présentation a pour but d'aborder les différents domaines du design, de décrypter la stratégie et les atouts de plusieurs cas concrets dans le domaine du design d'application

Publié dans : Design
1 commentaire
15 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
6 455
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 703
Actions
Partages
0
Téléchargements
120
Commentaires
1
J’aime
15
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Design émotionnel

  1. 1. Le design émotionnel dans notre quotidien Mise à jour : mars 2013
  2. 2. Hi!@jacinthe_Co-fondateur de Kontestapp.comAuteur du blog Ergophile.com
  3. 3. définition du DesignLe design, autrefois appelé en français «esthétique industrielle», «Artsdécoratifs», «Art industriel» ou «Arts Appliqués», est une discipline créativequi consiste à concevoir des dispositifs destinés à des usagers grâce à untravail sur les formes {...} spatiales (design d’espace), volumiques (design deproduits), textiles (stylisme), graphiques (graphisme) ou interactives (designinteractif)*Source : Wikipedia
  4. 4. Nous avons tousun langage commun et universel les émotions
  5. 5. David Hanson : des robots qui «montrent des émotions»Vidéo TED : http://www.ted.com/talks/david_hanson_robots_that_relate_to_you.html
  6. 6. Dans le domaine du webdesign,le design émotionnel peut être défini selon plusieurs critères : • une ligne éditoriale, • une mascotte, • des fonctionnalités, • un contenu provocateur, • un effet sonore, • etc.
  7. 7. Fonctionnel + Agréable =Esthétique et utilisabilité
  8. 8. Design d’objet et architecture
  9. 9. 1810 - 1840 1890 1910 1934
  10. 10. 1953 1968 1993 2011
  11. 11. Philippe Starck - Juicy Salif - Alessi, 1991
  12. 12. i Mac2002, AppleVidéo publicitaire :http://www.culturepub.fr/videos/apple-imac-window
  13. 13. MacBook2006, Apple veilleuse
  14. 14. HumboldtforumBerlinYoutube :https://www.youtube.com/watch?v=RSR4A0ggmYk
  15. 15. Nabaztag2005, Violet
  16. 16. Evian2012,projet Smartdrop
  17. 17. Design d’application mobile / tablette
  18. 18. iPhone
  19. 19. Tapbots CONVERTBOT CALCBOT WEIGHTBOT
  20. 20. NuageTouch Mr Mood Youtube : http://youtu.be/z5dHcXMLezg
  21. 21. Realmac Software Clear Site web : http://www.realmacsoftware. com/clear/
  22. 22. Eventbrite Loading sur l’application mobile iPhone et Androïd
  23. 23. Epic agency Le Roi Babel http://babeltheking.com Viméo : http://vimeo.com/43779454#at=0
  24. 24. L’importance du rédactionnel attention aux p’tits détails
  25. 25. TwitterVimeo
  26. 26. DiwiFirefox
  27. 27. Spotify
  28. 28. Personnifaction et usages des mascottes
  29. 29. Astrid
  30. 30. SEOmoz
  31. 31. Github Octocat
  32. 32. bit.ly
  33. 33. Mailchimp
  34. 34. Adium
  35. 35. Allocine
  36. 36. Caisse d’Epargne
  37. 37. Pixar https://www.youtube.com/watch?v=W740IHEARP4
  38. 38. Datavizualisation
  39. 39. expoviz.fr Si le monde était un village de 100 personnes...
  40. 40. Autres exemples...
  41. 41. Création d’un personapour un design d’interface
  42. 42. 1. Nom de la marque 6. Voix : si votre marque parle, quel est le ton utilisé : Familier ? Fleuri ? Stricte2. Aperçu : Qu’est-ce qui rend votre ? Sobre ? Guindé ?marque unique ? 7. Exemple rédactionnel : exemples3. Image de personnalité : photo d’une de textes susceptibles d’être utilisésvrai personne qui incarne les traits (message de bienvenue, messagesouhaités (personnalité, star..). d’erreur, etc.)4. Traits de la marque : lister 5 traits 8. Lexique visuel : charte graphique desde la marque qui la caractérise et 5 traits couleurs, typographies, nuancier, etc.non souhaités. 9. Méthode d’engagements : définir une5. Traits de la personnalité : sympathie expérience permettant un engagement auvs méchanceté, soumis vs domination. sein de votre interface. Exemples : Doddle(Si vous possédez une mascotte, décrivez de Google qui change selon l’actualitéla personnalité de cette dernière.) local
  43. 43. Conclusion
  44. 44. Transformer ses clients satisfaits en ambassadeurs de marque.Construire une affinité se traduira par : • des achats plus fréquents ou plus élevés • des achats supplémentaires • une résistance aux offres des concurrents • une forte recommandation auprès de leur procheLes clients émotionnellement satisfaits sont ceux sont émotionnellementattachés et ont une plus forte affinité avec les marques.Source init-marketing.fr - « Human Sigma » de John H. Fleming et Jim Asplund, livre paru en 2007
  45. 45. Seules les émotionstransforment vos clients « satisfaits » en « promoteurs »
  46. 46. Sincérite, confiance, identification et expérience humaine
  47. 47. Ressources
  48. 48. Thx! @jacinthe_

×