10 tendances digitales pour 2016

59 819 vues

Publié le

De nombreuses transformations sont en cours dans l'écosystème du marketing digital. Mais quelles tendances surveiller de près ? Quels que soient vos enjeux pour 2016, nous vous livrons nos traditionnelles prédictions sur les stratégies-clés en Trafic, Brand Content, Social Media, e-Business ou Mobilité, avec un focus indispensable sur l'Internet des Objets.

Publié dans : Marketing

10 tendances digitales pour 2016

  1. 1. #DIGITALBREAKFAST 10 tendances digitales pour 2016 Conférence NiceToMeetYou + La Revanche des Sites Paris, Palais de Tokyo + Lille, Le Mother– Octobre 2015
  2. 2. De quoi va-t-on parler ? MOTION UI 3D SEO ANALYTICS E-COMMERCE COPYWRITING SOCIAL MEDIA IoT
  3. 3. NiceToMeetYou est une agence digitale full-services dotée d’une forte sensibilité utilisateur / client. Nous concentrons les expertises stratégiques, créatives et technologiques au service des principaux challenges digitaux des marques : + réinventer l’expérience de marque + développer une audience + booster la visibilité + maîtriser l’e-réputation + engager une clientèle + générer des leads ou des ventes STRATÉGIE CODE CRÉATION RELATION
  4. 4. La Revanche des Sites est une agence experte en référencement naturel, avec une vision internationale. L’agence propose ses expertises sur plusieurs leviers : + Audit SEO + Backlinks Building + Transfert SEO + Géolocalisation + Bombing Antidot + Ajax Optimization MeetYourData aide les entreprises à collecter, comprendre et interpréter les données de leurs utilisateurs afin que chaque décision soit basée sur une donnée de confiance et non sur une intuition.
  5. 5. Les intervenants Ange POZZO DI BORGO Planneur Digital – Associé Agence NiceToMeetYou Chargé de cours Skema / ISEG Olivier COULON DC Digital – Associé Agence NiceToMeetYou Alexandre JOUBERT E-Business Consultant Agence NiceToMeetYou Sylvain GARIN Consultant SEO – Associé Agence LRDS Avec l’appui de Solon COSTOPOULOS Krystel ROBERT Directeur de Clientèle Directrice Commerciale Romain D’Halluin Consultant Analytics MeetYourData
  6. 6. BYE-BYE LOREM IPSUM Le texte au cœur de l’UX
  7. 7. Le texte est souvent le parent pauvre de l’UX / UI Design.
  8. 8. “W riting is part of the design process.” John Zeratsky – Google Ventures
  9. 9. LE GRAPHISME Les réponses apportées par l’interface en termes de mouvements, de sons, de transitions, d’effets, donnent du sens à la navigation et traduisent une expérience de marque. Un beau design crée une réponse émotionnelle positive dans le cerveau, ce qui améliore nos capacités cognitives ! Un bon texte n’est pas du remplissage : il est fonctionnel, émotionnel, optimisé. Il parle à l’utilisateur, transmet des messages forts, répond aux enjeux de Google. LE TEXTE L’INTERACTIONLE CONTENU C’est la matière fondamentale de tout site Web : c’est ce que l’utilisateur vient chercher. Le reste est à son service !
  10. 10. Les mots – bien choisis – ont un pouvoir émotionnel.
  11. 11. EN BREF 1. Pensez d’abord à votre « Tone of Voice » – à travailler si inexistant 2. En phase UX, travaillez a minima les messages-clés (headlines, chapô, wording) 3. Rappelez-vous qu’un bon message rédactionnel est original et clair 4. Appliquez les règles d’utilisabilité ET de référencement naturel 5. Pour cette mission, rien n’égale un(e) digital copywriter ;)
  12. 12. UI Mouvement dans l’interface : une opportunité de communication MOTION
  13. 13. http://www.bfmtv.com/ Faire gagner du temps
  14. 14. http://moto.oakley.com/ Faire gagner du temps
  15. 15. http://creativityweek.org/ Attirer l’attention Se repérer
  16. 16. http://rawfortheoceans.g-star.com/ Branding
  17. 17. http://www.yufuku.net/ Hypnotique
  18. 18. https://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity Motion provides meaning
  19. 19. http://www.dior.com/couture/fr_fr/mode-homme/pret-a-porter/pantalons/prince-de-galles-laine-et-cachemire-1-20748 Attirer l’attention Le sens du détail ?
  20. 20. http://www.pixar.com/ Masters of Animation ?
  21. 21. https://www.behance.net/gallery/21722849/Pixar Ahhhh…
  22. 22. http://like.animade.tv/ Old but Good
  23. 23. https://fr.pinterest.com/pausegraphik/ui-motion/ Share the love, merci Jérôme
  24. 24. EN BREF 1. Capitalisez sur le mouvement, car c’est une partie indissociable de votre image 2. Il complète ce que le visuel ne peut pas dire 3. Il vous différencie dans ce monde très « flat » 4. Il fait gagner du temps à l’utilisateur
  25. 25. EXPERIENCES Du relief pour votre présence digitale 3D
  26. 26. Flash HtmlVS La fin des complexes
  27. 27. http://toprecherches.lequipe.fr/#!basketball/ Informatif
  28. 28. http://pablotheflamingo.com/ Pablo the flamingoDivertissant
  29. 29. http://www.habib-fadel.com/ Expérimental Expérimental
  30. 30. http://ommexperience.com/ Arty
  31. 31. http://news-lab-trends-experiment.appspot.com/ Informatif
  32. 32. http://www.renault.fr/gamme-renault/vehicules- particuliers/espace/espace/configurateur/#/configurator Flash VS Html http://www.littleworkshop.fr/renaultespace/ L’esthétique ou l’immersion ?
  33. 33. https://crazyskills.panasonic.com/en/ Jeu vidéo
  34. 34. https://youtu.be/4KnNVK-udTU?t=456 Youtube 360
  35. 35. https://www.google.com/get/cardboard/get-cardboard/ La 3D pour tous
  36. 36. http://threejs.org/ Ressource
  37. 37. EN BREF 1. Même si le web est en 2D, il n’est pas interdit de pensez en volume 2. Wow effect, même en 2016 3. Des usages multiples 4. Les devices mobile sont prêts à lire de la 3D 5. Une vigilance nécessaire sur le poids de votre expérience
  38. 38. COMMERCE Le shopping éditorialisé. EDITORIAL
  39. 39. Osez l’éditorial aussi important que votre catalogue !
  40. 40. Racontez-vous.
  41. 41. Place à l’image et aux CTA minimalistes.
  42. 42. Des listings hors des codes...
  43. 43. Donnez de la matière au produit, dans un contexte.
  44. 44. Donnez la genèse du produit.
  45. 45. Jouez avec les codes du magazine.
  46. 46. La créatrice d’abord, la transaction à la fin.
  47. 47. Magazine tendance ou e-Commerce lifestyle ?
  48. 48. Magazine ? Non. Catégories e-Commerce.
  49. 49. Campagne Print ? Non.
  50. 50. Pourquoi ça va perdurer ? Le Mobile et l'App ont facilité son installation Design et lecture plus naturelle à l’oeil Design qui permet le Rich Média Le scroll ne fait plus peur à votre client La largeur de site a pris place Un besoin de réassurance moins pressant Remet le produit au centre Permet de raconter une histoire Transmet visuellement une qualité supérieure Permet des entrées différentes via du contenu Pousse votre SEO et votre sémantique Ce qui peut vous freiner ? La peur de minorer (réassurance ? Catalogue ?) Pour les catalogues variés : l’accès produit Oblige à un contenu de qualité Sens du Design obligatoire ;) Minimalisme cassant les codes actuels Pas adapté à tous les produits Développement plus complexe parfois
  51. 51. EN BREF : 1. Si le sujet vous questionne : auditez les sites de prêts à porter et luxe US 2. Auditez les comportements sur votre site (produits les plus demandées) 3. Créez des contenus annexes à ces produits phares en benchant les magazines 4. Animez sur des codes différents, créez un univers produit sur 3 best sellers 5. Vérifiez les résultats via Analytics sur la conversion et le positionnement SEO
  52. 52. CONVERSION Pour passer (vraiment) au m-commerce. MOBILE
  53. 53. Quel que soit le device, votre produit est au centre.
  54. 54. Context & Design
  55. 55. OBJECTIF : RAPIDITE
  56. 56. OBJECTIF : ACCES ADAPTE A VOTRE CATALOGUE
  57. 57. OBJECTIF : UN PANIER LIGHT
  58. 58. EN BREF : 1. Portez votre attention sur vos stats mobile : volume, conversion actuelle 2. Vérifiez les différences avec le Desktop : utilisation Menu, panier moyen, temps 3. Pensez mobile ! Un site pensé mobile sera plus facile à décliner en Desktop 4. Poussez une conversion mobile rapide : landing, recherche, panier rapide 5. Vérifiez les résultats via Analytics sur la conversion
  59. 59. TOMORROW Les changements côté Search. SEO
  60. 60. OK GOOGLE.
  61. 61. Arrêtez d’essayer de deviner ce que Google pense de votre site, maîtrisez son crawl.
  62. 62. DEAD.NETLINKING IS
  63. 63. ATTENTION AU BAD LINKING
  64. 64. NOW Google Analytics, le Retour. ANALYTICS
  65. 65. BUT WHAT’S NEXT?
  66. 66. DATA IS EVERYWHERE!
  67. 67. Votre site Web enrichit vos analytics... Et pourquoi pas l’inverse ?
  68. 68. HYPERSENSORIEL Regard sur l’Internet des Objets. UN MONDE
  69. 69. 3ème révolution
  70. 70. Vision
  71. 71. Captation simplifiée Traitement évolutif Constat
  72. 72. Captation
  73. 73. Motion provides meaning Opportunités
  74. 74. Opportunités
  75. 75. Humain – Machine 30 % des interactions
  76. 76. Dialogue du futur
  77. 77. Une source d’innovation pour les marques https://www.indiegogo.com/projects/rocketbook-cloud-integrated- microwavable-notebook#/story
  78. 78. https://www.indiegogo.com/projects/tempescope-a-box-of-rain-in- your-living-room#/ Météo France ? Camaïeu ?
  79. 79. EN BREF 1. Imaginer les services qui font sens avec votre marque / produit 2. Détecter les opportunités réelles associées (notamment machine / machine et B2B) 3. Suivre l’évolution des technologies et les « nœuds » de données 4. Profiter de l’accessibilité de la techno pour fabriquer / faire fabriquer
  80. 80. CARREFOURS D’AUDIENCE De Social à Media
  81. 81. HIER. AUJOURD’HUI.
  82. 82. YouTube n’a qu’à bien se tenir.
  83. 83. LinkedIn Pulse a dépassé le million de contributions
  84. 84. Avec Instant Articles, Facebook passe de relais à media.
  85. 85. X Ce n’est plus la taille qui compte, mais l’effet obtenu.
  86. 86. EN BREF 1. On le redit, arrêtez de regarder le nombre de fans / followers 2. Faites évoluer votre workflow éditorial 3. Rationnalisez votre production, boostez votre médiatisation 4. Cette fois-ci, le blog est peut-être mort...
  87. 87. Merci :) NiceToMeetYou / Agence Digitale - Full-Services www.ntmy.fr & @ntmy_fr La Revanche des Sites / Agence SEO www.la-revanche-des-sites.fr & @revanchesites MeetYourData / Agence Analytics www.meet-your-data.fr et @meetyourdata

×