Design Digital : pour des sites qui marquent

3,212 views

Published on

Comment concevoir une expérience utilisateur (UX) optimale en exploitant les meilleurs pratiques du design digital actuel ? Réponse avec cette conférence réalisée dans le cadre du salon VAD.Conext 2013.

0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,212
On SlideShare
0
From Embeds
0
Number of Embeds
1,086
Actions
Shares
0
Downloads
50
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Design Digital : pour des sites qui marquent

  1. 1. Suivez-nous, tweetez-nous : @ntmy_fr #vadconext
  2. 2. 1. Vos intervenants Olivier COULON Responsable Création Agence NiceToMeetYou Email ocoulon@ntmy.fr Twitter @Olivier_coulon Site www.ntmy.fr Ange POZZO DI BORGO Planneur Digital | Associé Agence NiceToMeetYou Email apozzodiborgo@ntmy.fr Twitter @angepb Site www.ntmy.fr
  3. 3. 1. On passe aux choses sérieuses ?
  4. 4. Design VS Utilisateurs L’expérience utilisateur : le nouveau Graal
  5. 5. UX : kezako ?
  6. 6. Objectif Bénéfices pour l’humain
  7. 7. Ere de l’émotionnel
  8. 8. V3 / V4 v2 v1
  9. 9. Les responsables Design Texte Interaction
  10. 10. Design killer visuals
  11. 11. Branded interaction “faciliter la tâche” Texte killer headlines
  12. 12. Interaction killer move
  13. 13. Branded interaction Socialiser les contenus
  14. 14. De nombreuses fonctions
  15. 15. Une fonction & une émotion
  16. 16. Respect de la promesse
  17. 17. Menu d’un restaurant Opérateur téléphonique Cohérence Distributeur cinéma Logistique
  18. 18. Engagement
  19. 19. Engagement
  20. 20. Little Big Details Engagement
  21. 21. + 12 %
  22. 22. + 83 %
  23. 23. THINK. Laissez une empreinte émotionnelle en optimisant l’expérience utilisateur ! + Pensez d’abord à vos utilisateurs. Ils vous remercieront. + Laisser vos croyances de côté. Testez. Retestez. + Demandez-vous si votre dispositif digital vous ressemble, et traduit ce que vous dites être. + Pensez en triptyque : design, texte, interaction.
  24. 24. DO. A voir, à lire. + Ux : http://uxdesign.smashingmagazine.com/2013/01/24/effectively-planning-ux- design-projects/ + Visions : http://uxdesign.smashingmagazine.com/2013/06/21/13-tenets-userexperience/ + Senior et UX : http://www.nngroup.com/articles/usability-for-senior-citizens/ + Créer un guide du design web : http://www.adviso.ca/blog/2012/02/06/guide-de-stylemaquettes-graphiques/ + Galerie d’interactions : http://www.matthewmooredesign.com/branded-interactions/ + KnobFeel, les boutons IRL : http://knobfeel.tumblr.com/ + A/B testing, case Studies : http://www.aweber.com/blog/email-marketing/10-casestudies-more-clicks.htm
  25. 25. Design interactif S’y retrouver dans les dernières tendances
  26. 26. Back to the future 1990 2008 2013 2014 + ?
  27. 27. Design Mashup
  28. 28. iOS « flat » 7
  29. 29. Mobile first
  30. 30. Flat design
  31. 31. Flat design
  32. 32. Exemples
  33. 33. Minimalisme
  34. 34. Mosaïque Animation légère
  35. 35. Typographie brute Visuels XXL
  36. 36. Authentique Fonctionnel
  37. 37. Fullscreen Photo + Video Jeu avec le cadre
  38. 38. Personnes authentiques Effets discrets
  39. 39. Immersion Parallaxe
  40. 40. Fullscreen Mosaique
  41. 41. Flat Ludique
  42. 42. Multidevices
  43. 43. Old & New school
  44. 44. Léger Clarté Pourquoi ? Responsive Au service de contenus riches Moins cher à produire Fonctionnel Cool
  45. 45. Oups…
  46. 46. Pro Social Network
  47. 47. Crowd- - - -ing
  48. 48. Rebranding
  49. 49. Inspirations ?
  50. 50. Une inspiration / jour
  51. 51. Crowd design
  52. 52. THINK. Design interactif : où en êtes-vous ? + Simplicité oui, appauvrissement non + Concevoir multisupport en amont + Les Flasheurs sont (encore) des gens bien + Suivre les évolutions technologiques + S’inspirer sans copier
  53. 53. DO. A voir, à lire. + Flat design VS Yahoo : http://www.grapheine.com/divers/nouveau-logo- yahoo + Showcase : fltdsgn.com/ + Interview d’un designer : blog.side-side.co.uk/flat-design-trend/ + Portfolios et exemples : Behance.net/ + Awards : awwwards.com/ + Webdesign Trends : http://www.webdesignertrends.com
  54. 54. MERCI. Vous avez aimé cette conférence ? Suivez-nous de près. + Contact : + Olivier Coulon | ocoulon@ntmy.fr | 07 77 85 76 56 + Ange Pozzo di Borgo | apozzodiborgo@ntmy.fr | 06 18 13 01 56 + Site : www.ntmy.fr + Twitter : @ntmy_fr + Linkedin : www.linkedin.com/company/nicetomeetyou + Facebook : www.facebook.com/AgenceNiceToMeetYou + Slideshare : http://fr.slideshare.net/angepb/ Crédits photos : ThinkStock, Flickr, Graphéine

×