Design émotionnel

  • 4,010 views
Uploaded on

MAJ le 22/04/2013 > www.http://designemotionnel.fr …

MAJ le 22/04/2013 > www.http://designemotionnel.fr

-----------------------------------------------
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

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
4,010
On Slideshare
0
From Embeds
0
Number of Embeds
17

Actions

Shares
Downloads
79
Comments
1
Likes
14

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Le design émotionnel dans notre quotidien Mise à jour : mars 2013
  • 2. Hi!@jacinthe_Co-fondateur de Kontestapp.comAuteur du blog Ergophile.com
  • 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. Nous avons tousun langage commun et universel les émotions
  • 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. 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. Fonctionnel + Agréable =Esthétique et utilisabilité
  • 8. Design d’objet et architecture
  • 9. 1810 - 1840 1890 1910 1934
  • 10. 1953 1968 1993 2011
  • 11. Philippe Starck - Juicy Salif - Alessi, 1991
  • 12. i Mac2002, AppleVidéo publicitaire :http://www.culturepub.fr/videos/apple-imac-window
  • 13. MacBook2006, Apple veilleuse
  • 14. HumboldtforumBerlinYoutube :https://www.youtube.com/watch?v=RSR4A0ggmYk
  • 15. Nabaztag2005, Violet
  • 16. Evian2012,projet Smartdrop
  • 17. Design d’application mobile / tablette
  • 18. iPhone
  • 19. Tapbots CONVERTBOT CALCBOT WEIGHTBOT
  • 20. NuageTouch Mr Mood Youtube : http://youtu.be/z5dHcXMLezg
  • 21. Realmac Software Clear Site web : http://www.realmacsoftware. com/clear/
  • 22. Eventbrite Loading sur l’application mobile iPhone et Androïd
  • 23. Epic agency Le Roi Babel http://babeltheking.com Viméo : http://vimeo.com/43779454#at=0
  • 24. L’importance du rédactionnel attention aux p’tits détails
  • 25. TwitterVimeo
  • 26. DiwiFirefox
  • 27. Spotify
  • 28. Personnifaction et usages des mascottes
  • 29. Astrid
  • 30. SEOmoz
  • 31. Github Octocat
  • 32. bit.ly
  • 33. Mailchimp
  • 34. Adium
  • 35. Allocine
  • 36. Caisse d’Epargne
  • 37. Pixar https://www.youtube.com/watch?v=W740IHEARP4
  • 38. Datavizualisation
  • 39. expoviz.fr Si le monde était un village de 100 personnes...
  • 40. Autres exemples...
  • 41. Création d’un personapour un design d’interface
  • 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. Conclusion
  • 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. Seules les émotionstransforment vos clients « satisfaits » en « promoteurs »
  • 46. Sincérite, confiance, identification et expérience humaine
  • 47. Ressources
  • 48. Thx! @jacinthe_