Le document présente les tendances digitales pour 2016, abordant des thèmes comme l'expérience utilisateur, le SEO, et l'importance du contenu dans le design web. Il souligne l'impact du mouvement et de la 3D dans les interfaces ainsi que l'évolution du commerce électronique et de l'optimisation mobile. Les agences mentionnées se positionnent comme des experts dans l'amélioration de la visibilité en ligne et l'engagement des utilisateurs.

1. #DIGITALBREAKFAST
10 tendances digitales pour 2016
Conférence NiceToMeetYou + La Revanche des Sites
Paris, Palais de Tokyo + Lille, Le Mother– Octobre 2015

2. De quoi
va-t-on parler ?
MOTION UI 3D
SEO ANALYTICS
E-COMMERCE COPYWRITING
SOCIAL MEDIA
IoT

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. 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. 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. BYE-BYE
LOREM IPSUM
Le texte au cœur de l’UX

7. Le texte est souvent le parent
pauvre de l’UX / UI Design.

8. “W riting is part of the design process.”
John Zeratsky – Google Ventures

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. Les mots – bien choisis – ont
un pouvoir émotionnel.

16. 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 ;)

17. UI
Mouvement dans l’interface : une
opportunité de communication
MOTION

18. http://www.bfmtv.com/
Faire gagner du temps

19. http://moto.oakley.com/
Faire gagner du temps

20. http://creativityweek.org/
Attirer l’attention
Se repérer

21. http://rawfortheoceans.g-star.com/
Branding

22. http://www.yufuku.net/
Hypnotique

23. https://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity
Motion provides meaning

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

25. http://www.pixar.com/
Masters of Animation ?

26. https://www.behance.net/gallery/21722849/Pixar
Ahhhh…

27. http://like.animade.tv/
Old but Good

28. https://fr.pinterest.com/pausegraphik/ui-motion/
Share the love, merci Jérôme

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

30. EXPERIENCES
Du relief pour votre présence digitale
3D

31. Flash HtmlVS
La fin des complexes

32. http://toprecherches.lequipe.fr/#!basketball/
Informatif

33. http://pablotheflamingo.com/
Pablo the flamingoDivertissant

34. http://www.habib-fadel.com/
Expérimental
Expérimental

35. http://ommexperience.com/
Arty

36. http://news-lab-trends-experiment.appspot.com/
Informatif

37. 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 ?

38. https://crazyskills.panasonic.com/en/
Jeu vidéo

39. https://youtu.be/4KnNVK-udTU?t=456
Youtube 360

40. https://www.google.com/get/cardboard/get-cardboard/
La 3D pour tous

41. http://threejs.org/
Ressource

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

43. COMMERCE
Le shopping éditorialisé.
EDITORIAL

45. Osez l’éditorial aussi important
que votre catalogue !

46. Racontez-vous.

47. Place à l’image et aux
CTA minimalistes.

48. Des listings hors
des codes...

49. Donnez de la matière au produit,
dans un contexte.

50. Donnez la genèse du produit.

51. Jouez avec les codes
du magazine.

52. La créatrice d’abord, la
transaction à la fin.

53. Magazine tendance ou
e-Commerce lifestyle ?

54. Magazine ? Non.
Catégories e-Commerce.

55. Campagne Print ? Non.

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

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

58. CONVERSION
Pour passer (vraiment)
au m-commerce.
MOBILE

59. Quel que soit le device, votre
produit est au centre.

60. Context & Design

61. OBJECTIF : RAPIDITE

62. OBJECTIF : ACCES ADAPTE A VOTRE CATALOGUE

63. OBJECTIF : UN PANIER LIGHT

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

66. TOMORROW
Les changements côté Search.
SEO

67. OK GOOGLE.

68. Arrêtez d’essayer de deviner ce que Google
pense de votre site, maîtrisez son crawl.

69. DEAD.NETLINKING IS

70. ATTENTION AU
BAD LINKING

71. NOW
Google Analytics, le Retour.
ANALYTICS

72. BUT
WHAT’S
NEXT?

75. DATA IS
EVERYWHERE!

76. Votre site Web enrichit vos analytics...
Et pourquoi pas l’inverse ?

77. HYPERSENSORIEL
Regard sur l’Internet des Objets.
UN MONDE

78. 3ème révolution

79. Vision

80. Captation
simplifiée
Traitement
évolutif
Constat

81. Captation

82. Motion provides meaning
Opportunités

83. Opportunités

84. Humain – Machine
30 % des interactions

85. Dialogue du futur

86. Une source
d’innovation pour
les marques
https://www.indiegogo.com/projects/rocketbook-cloud-integrated-
microwavable-notebook#/story

87. https://www.indiegogo.com/projects/tempescope-a-box-of-rain-in-
your-living-room#/
Météo France ?
Camaïeu ?

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

89. CARREFOURS
D’AUDIENCE
De Social à Media

90. HIER. AUJOURD’HUI.

91. YouTube n’a qu’à bien se tenir.

92. LinkedIn Pulse a dépassé
le million de contributions

93. Avec Instant Articles,
Facebook passe de relais à media.

95. X
Ce n’est plus la taille qui
compte, mais l’effet obtenu.

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

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