Your SlideShare is downloading. ×
Design émotionnel
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design émotionnel

4,409

Published 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

Published in: Design
1 Comment
14 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,409
On Slideshare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
87
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_

×