Post on 06-Jan-2017
#DIGITALBREAKFAST
10 tendances digitales pour 2016
Conférence NiceToMeetYou + La Revanche des SitesParis, Palais de Tokyo + Lille, Le Mother– Octobre 2015
De quoi va-t-on parler ?
MOTION UI 3D
SEO ANALYTICS
E-COMMERCE COPYWRITING
SOCIAL MEDIA
IoT
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
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.
Les intervenants
Ange POZZO DI BORGOPlanneur Digital – Associé
Agence NiceToMeetYou
Chargé de cours Skema / ISEG
Olivier COULONDC Digital – Associé
Agence NiceToMeetYou
Alexandre JOUBERTE-Business Consultant
Agence NiceToMeetYou
Sylvain GARINConsultant SEO – Associé
Agence LRDS
Avec l’appui de Solon COSTOPOULOS Krystel ROBERTDirecteur de Clientèle Directrice Commerciale
Romain D’HalluinConsultant Analytics
MeetYourData
BYE-BYELOREM IPSUM
Le texte au cœur de l’UX
Le texte est souvent le parent pauvre de l’UX / UI Design.
“ W riting is part of the design process.”John Zeratsky – Google Ventures
LE GRAPHISMELes 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 CONTENUC’est la matière
fondamentale de tout site Web : c’est ce que
l’utilisateur vient chercher. Le reste est à son service !
Les mots – bien choisis – ont un pouvoir émotionnel.
EN BREF1. 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 ;)
UIMouvement dans l’interface : une opportunité de communication
MOTION
https://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity
Motion provides meaning
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 ?
https://www.behance.net/gallery/21722849/Pixar
Ahhhh…
https://fr.pinterest.com/pausegraphik/ui-motion/
Share the love, merci Jérôme
EN BREF1. 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
EXPERIENCESDu relief pour votre présence digitale
3D
Flash HtmlVS
La fin des complexes
http://toprecherches.lequipe.fr/#!basketball/
Informatif
http://news-lab-trends-experiment.appspot.com/
Informatif
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 ?
https://www.google.com/get/cardboard/get-cardboard/
La 3D pour tous
EN BREF1. 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
COMMERCELe shopping éditorialisé.
EDITORIAL
Osez l’éditorial aussi important que votre catalogue !
Racontez-vous.
Place à l’image et aux CTA minimalistes.
Des listings hors des codes...
Donnez de la matière au produit, dans un contexte.
Donnez la genèse du produit.
Jouez avec les codes du magazine.
La créatrice d’abord, la transaction à la fin.
Magazine tendance ou e-Commerce lifestyle ?
Magazine ? Non.Catégories e-Commerce.
Campagne Print ? Non.
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
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
CONVERSIONPour passer (vraiment)
au m-commerce.
MOBILE
Quel que soit le device, votre produit est au centre.
Context & Design
OBJECTIF : RAPIDITE
OBJECTIF : ACCES ADAPTE A VOTRE CATALOGUE
OBJECTIF : UN PANIER LIGHT
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
TOMORROWLes changements côté Search.
SEO
OK GOOGLE.
Arrêtez d’essayer de deviner ce que Google pense de votre site, maîtrisez son crawl.
DEAD.NETLINKING IS
ATTENTION AU BAD LINKING
NOWGoogle Analytics, le Retour.
ANALYTICS
BUT WHAT’S NEXT?
DATA ISEVERYWHERE!
Votre site Web enrichit vos analytics...Et pourquoi pas l’inverse ?
HYPERSENSORIELRegard sur l’Internet des Objets.
UN MONDE
3ème révolution
Vision
Captation simplifiée
Traitementévolutif
Constat
Captation
Motion provides meaningOpportunités
Opportunités
Humain – Machine30 % des interactions
Dialogue du futur
Une source d’innovation pour
les marques
https://www.indiegogo.com/projects/rocketbook-cloud-integrated-
microwavable-notebook#/story
https://www.indiegogo.com/projects/tempescope-a-box-of-rain-in-
your-living-room#/
Météo France ?Camaïeu ?
EN BREF1. 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
CARREFOURSD’AUDIENCE
De Social à Media
HIER. AUJOURD’HUI.
YouTube n’a qu’à bien se tenir.
LinkedIn Pulse a dépassé le million de contributions
Avec Instant Articles, Facebook passe de relais à media.
XCe n’est plus la taille qui
compte, mais l’effet obtenu.
EN BREF1. 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...
Merci :)NiceToMeetYou / Agence Digitale - Full-Serviceswww.ntmy.fr & @ntmy_fr
La Revanche des Sites / Agence SEOwww.la-revanche-des-sites.fr & @revanchesites
MeetYourData / Agence Analyticswww.meet-your-data.fr et @meetyourdata