Suivez-nous,
tweetez-nous :
@ntmy_fr
#vadconext
1. Vos intervenants

Olivier COULON
Responsable Création
Agence NiceToMeetYou
Email ocoulon@ntmy.fr
Twitter @Olivier_coulo...
1. On passe aux choses sérieuses ?
Design VS
Utilisateurs
L’expérience utilisateur :
le nouveau Graal
UX : kezako ?
Objectif
Bénéfices pour l’humain
Ere de l’émotionnel
V3 / V4

v2
v1
Les responsables

Design

Texte

Interaction
Design
killer visuals
Branded interaction
“faciliter la tâche”

Texte
killer headlines
Interaction
killer move
Branded interaction
Socialiser les contenus
De nombreuses fonctions
Une fonction &
une émotion
Respect de la promesse
Menu d’un restaurant

Opérateur téléphonique

Cohérence
Distributeur cinéma

Logistique
Engagement
Engagement
Little Big Details
Engagement
+ 12 %
+ 83 %
THINK.

Laissez une empreinte émotionnelle
en optimisant l’expérience utilisateur !
+ Pensez d’abord à vos utilisateurs. I...
DO.

A voir, à lire.
+

Ux : http://uxdesign.smashingmagazine.com/2013/01/24/effectively-planning-ux-

design-projects/
+
...
Design interactif
S’y retrouver dans les
dernières tendances
Back to the future
1990

2008

2013

2014 +

?
Design Mashup
iOS « flat » 7
Mobile first
Flat design
Flat design
Exemples
Minimalisme
Mosaïque
Animation légère
Typographie brute
Visuels XXL
Authentique
Fonctionnel
Fullscreen
Photo + Video
Jeu avec le cadre
Personnes authentiques
Effets discrets
Immersion
Parallaxe
Fullscreen
Mosaique
Flat
Ludique
Multidevices
Old & New school
Léger
Clarté

Pourquoi ?

Responsive
Au service de contenus riches
Moins cher à produire
Fonctionnel
Cool
Oups…
Pro Social Network
Crowd- - - -ing
Rebranding
Inspirations ?
Une inspiration / jour
Crowd design
THINK.

Design interactif : où en êtes-vous ?
+ Simplicité oui, appauvrissement non
+ Concevoir multisupport en amont
+ Le...
DO.

A voir, à lire.
+ Flat design VS Yahoo : http://www.grapheine.com/divers/nouveau-logo-

yahoo
+ Showcase : fltdsgn.co...
MERCI.

Vous avez aimé cette conférence ?
Suivez-nous de près.
+

Contact :

+

Olivier Coulon | ocoulon@ntmy.fr | 07 77 8...
Design Digital : pour des sites qui marquent
Design Digital : pour des sites qui marquent
Design Digital : pour des sites qui marquent
Prochain SlideShare
Chargement dans…5
×

Design Digital : pour des sites qui marquent

3 285 vues

Publié le

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 commentaire
7 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
3 285
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 086
Actions
Partages
0
Téléchargements
50
Commentaires
0
J’aime
7
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×