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.

2. Suivez-nous,
tweetez-nous :
@ntmy_fr
#vadconext

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

4. 1. On passe aux choses sérieuses ?

5. Design VS
Utilisateurs
L’expérience utilisateur :
le nouveau Graal

6. UX : kezako ?

7. Objectif
Bénéfices pour l’humain

8. Ere de l’émotionnel

9. V3 / V4
v2
v1

10. Les responsables
Design
Texte
Interaction

11. Design
killer visuals

12. Branded interaction
“faciliter la tâche”
Texte
killer headlines

13. Interaction
killer move

14. Branded interaction
Socialiser les contenus

15. De nombreuses fonctions

16. Une fonction &
une émotion

17. Respect de la promesse

18. Menu d’un restaurant
Opérateur téléphonique
Cohérence
Distributeur cinéma
Logistique

19. Engagement

20. Engagement

21. Little Big Details
Engagement

22. + 12 %

23. + 83 %

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

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

26. Design interactif
S’y retrouver dans les
dernières tendances

27. Back to the future
1990
2008
2013
2014 +
?

28. Design Mashup

29. iOS « flat » 7

30. Mobile first

31. Flat design

32. Flat design

33. Exemples

34. Minimalisme

35. Mosaïque
Animation légère

36. Typographie brute
Visuels XXL

37. Authentique
Fonctionnel

38. Fullscreen
Photo + Video
Jeu avec le cadre

39. Personnes authentiques
Effets discrets

40. Immersion
Parallaxe

41. Fullscreen
Mosaique

42. Flat
Ludique

43. Multidevices

44. Old & New school

46. Léger
Clarté
Pourquoi ?
Responsive
Au service de contenus riches
Moins cher à produire
Fonctionnel
Cool

47. Oups…

48. Pro Social Network

49. Crowd- - - -ing

50. Rebranding

51. Inspirations ?

52. Une inspiration / jour

53. Crowd design

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

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

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