Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Atelier - Bienvenue dans l'ère post-webdesign

95 vues

Publié le

Échanges et exemples pratiques pour vos futurs projets web. Quelles sont les tendances du design d'interface pour 2017 ? Quelles sont les nouvelles armes des designers d'interfaces ? Comment réussir un design adapté à son client et aux utilisateurs ?


Animé par Arnaud Steckle, WebdesignerTrends.com

Publié dans : Design
  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

Atelier - Bienvenue dans l'ère post-webdesign

  1. 1. Explorations à travers le design d'interfaces, la créativité et l’expérience utilisateur Atelier Convention Medialibs - Poitiers / 23 septembre 2016 Bienvenue post-webdesign dans l’ère
  2. 2. Arnaud Steckle DA Digital / Web Designer @wdtrends
  3. 3. webdesignertrends.com
  4. 4. izhak.fr
  5. 5. Atelier du jour ● L’ère post-webdesign, WTF ? ● Web design, quelles tendances pour 2017 ? ● 5 clés d’une expérience mémorable pour l’utilisateur
  6. 6. L’ère post-webdesign
  7. 7. La fonction première du design est d’améliorer l’expérience du produit ou du service* *Wow, en fait, c’est pas juste de la déco !
  8. 8. Constat n°1 : Déployer un produit web est devenu “bon marché”
  9. 9. Constat n°2 : Le design est présent à tous les étages
  10. 10. Constat n°3 : Les interfaces disparaissent (Invisible UI)
  11. 11. ● Google Now ● Apple Siri ● Windows Corona
  12. 12. Constat n°4 : Nous sommes à la préhistoire...
  13. 13. Le web design est-il mort ?!
  14. 14. D’où viennent les tendances ?
  15. 15. *Google + Apple + Facebook + Amazon L’influence forte des GAFA* sur le design
  16. 16. Mais aussi : ● Des galeries d’inspiration ● De la mode, du design, de l’architecture ● Des besoins des utilisateurs ● Des évolutions technologiques
  17. 17. 5 tendances 2017
  18. 18. 1. Animations maestro ! ● Héritées des applications mobiles ● Merci CSS3, Javascript et les navigateurs ● Simples, même invisibles
  19. 19. 2. Scrolling ● Parcours utilisateur vertical ● Influencé par le mobile ● Attention à la linéarité de l’expérience
  20. 20. http://www.gosolar.com/
  21. 21. 3. “Hero video” ● Interface immersive ● Capte l’attention ● Génère de l’émotion
  22. 22. http://www.visithumboldt.com/start
  23. 23. 4. Long stories ● Immersif & interactif ● Impact sur l’utilisateur
  24. 24. 5. Skeumorphisme 2.0 ? ● Présence d’éléments réels dans les interfaces ● Simulation 3D & VR / AR sur le web
  25. 25. Tendances 2017 en bref : 1. Animations 2. Scrolling 3. Hero video 4. Long stories 5. Skeumorphisme 2.0
  26. 26. 5 clés d’un design mémorable pour l’utilisateur
  27. 27. But et règles du jeu : ● Trouver les réponses à 5 problématiques UI & UX ● Écrire ensemble 5 règles à appliquer à nos projets
  28. 28. Où se “situe” l’UX ? Source JDN Valeurs du site et de l’utilisateur Culture, créativité, authenticité, empathie, éthique, liberté, originalité, partage, respect, partage...
  29. 29. Où se “situe” l’UX ? Source JDN UI Concept graphique, esthétique, design, typo, style, message, wording, branding...
  30. 30. Où se “situe” l’UX ? Source JDN UX Utilité, efficacité, ressenti, ergonomie, accessibilité, crédibilité, architecture
  31. 31. Question n°1 : Comment faire bonne impression et capter l’attention de l’utilisateur ?
  32. 32. En créant une expérience positive Hypothèse n°1 :
  33. 33. Question n°2 : Comment créer un design efficace qui dure dans le temps ?
  34. 34. En arrêtant de créer des interfaces. Créons plutôt des expériences ! Hypothèse n°2 :
  35. 35. Question n°3 : Comment créer un design diffusant au mieux les valeurs d’une marque ?
  36. 36. En incarnant réellement les valeurs de la marque ou du produit Hypothèse n°3 :
  37. 37. Question n°4 : Une fois captée, comment maintenir l’attention et faire revenir l’utilisateur ?
  38. 38. En impliquant l’utilisateur dès la conception pour créer de l’émotion Hypothèse n°4 :
  39. 39. Inversion du process de conception Commanditaire Utilisateurs Prise en compte des besoins du commanditaire Commanditaire Utilisateurs Prise en compte des BESOINS des utilisateurs Inspiré par Laurent Demontiers
  40. 40. Question n°5 : Comment rendre l’expérience repérable et partageable ?
  41. 41. En allant à l’essentiel : donner la bonne information au bon endroit Hypothèse n°5 :
  42. 42. En bref ● Faire une première très bonne impression ● Créer une expérience avec un design flexible ● Incarner la marque et l’infuser sur le dispositif ● Créer de l’émotion en engageant l’utilisateur ● Délivrer la bonne info au bon endroit
  43. 43. 5 clés d’un design mémorable 1. Désirable 2. Utile & pérenne 3. Crédible 4. Émotionnel 5. Repérable & partageable
  44. 44. Questions ? @wdtrends - webdesignertrends.com
  45. 45. Merci à tous @wdtrends - webdesignertrends.com

×