Design émotionnel

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

Transcript

1. Le design émotionnel dans notre quotidien Mise à jour : mars 2013
2. Hi! @jacinthe_ Co-fondateur de Kontestapp.com Auteur du blog Ergophile.com
3. définition du Design Le design, autrefois appelé en français «esthétique industrielle», «Arts décoratifs», «Art industriel» ou «Arts Appliqués», est une discipline créative qui consiste à concevoir des dispositifs destinés à des usagers grâce à un travail sur les formes {...} spatiales (design d’espace), volumiques (design de produits), textiles (stylisme), graphiques (graphisme) ou interactives (design interactif)* Source : Wikipedia
4. Nous avons tous un langage commun et universel les émotions
6. David Hanson : des robots qui «montrent des émotions» Vidéo TED : http://www.ted.com/talks/david_hanson_robots_that_relate_to_you.html
7. 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.
8. Fonctionnel + Agréable = Esthétique et utilisabilité
9. Design d’objet et architecture
10. 1934 1910 1890 1810 - 1840
11. 1953 1968 1993 2011
12. Philippe Starck - Juicy Salif - Alessi, 1991
13. i Mac 2002, Apple Vidéo publicitaire : http://www.culturepub.fr/videos/apple-imac-window
14. MacBook 2006, Apple veilleuse
15. Humboldtforum Berlin Youtube : https://www.youtube.com/watch?v=RSR4A0ggmYk
16. Nabaztag 2005, Violet
17. Evian 2012, projet Smartdrop
18. Design d’application mobile / tablette
19. iPhone
20. CONVERTBOT CALCBOT WEIGHTBOT Tapbots
21. NuageTouch Mr Mood Youtube : http://youtu.be/z5dHcXMLezg
22. Realmac Software Clear Site web : http://www.realmacsoftware. com/clear/
23. Eventbrite Loading sur l’application mobile iPhone et Androïd
24. Epic agency Le Roi Babel http://babeltheking.com Viméo : http://vimeo.com/43779454#at=0
25. L’importance du rédactionnel attention aux p’tits détails
27. Twitter Vimeo
28. Diwi Firefox
32. Spotify
37. Personnifaction et usages des mascottes
38. Astrid
39. SEOmoz
40. Github Octocat
42. bit.ly
43. Mailchimp
44. Adium
45. Allocine
46. Caisse d’Epargne
47. Pixar https://www.youtube.com/watch?v=W740IHEARP4
48. Datavizualisation
49. Si le monde était un village de 100 personnes... expoviz.fr
52. Autres exemples...
60. Création d’un persona pour un design d’interface
61. 1. Nom de la marque 2. Aperçu : Qu’est-ce qui rend votre marque unique ? 3. Image de personnalité : photo d’une vrai personne qui incarne les traits souhaités (personnalité, star..). 4. Traits de la marque : lister 5 traits de la marque qui la caractérise et 5 traits non souhaités. 5. Traits de la personnalité : sympathie vs méchanceté, soumis vs domination. (Si vous possédez une mascotte, décrivez la personnalité de cette dernière.) 6. Voix : si votre marque parle, quel est le ton utilisé : Familier ? Fleuri ? Stricte ? Sobre ? Guindé ? 7. Exemple rédactionnel : exemples de textes susceptibles d’être utilisés (message de bienvenue, message d’erreur, etc.) 8. Lexique visuel : charte graphique des couleurs, typographies, nuancier, etc. 9. Méthode d’engagements : définir une expérience permettant un engagement au sein de votre interface. Exemples : Doddle de Google qui change selon l’actualité local
62. Conclusion
63. 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 proche Les clients émotionnellement satisfaits sont ceux sont émotionnellement attaché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
64. Seules les émotions transforment vos clients « satisfaits » en « promoteurs »
65. Sincérite, confiance, identification et expérience humaine
66. Ressources
68. Thx! @jacinthe_