9-10.30 - ux, tendances et réflexions
TRANSCRIPT
![Page 1: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/1.jpg)
UX DESIGN
TENDANCES & REFLEXIONS
www.publicorp.fr 13 rue Rosenwald 75015 paris
Contact : Céline Le Bail [email protected]
![Page 2: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/2.jpg)
MAIS AU FAIT, C’EST QUOI L’UX ? QUI SONT CES GENS
QUE L’ON APPELLE UTILISATEURS ?
LES TENDANCES DE l’UX
GOOD & BAD UX
LE FUTUR DE L’UX
LE SOMMAIRE
![Page 3: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/3.jpg)
MAIS AU FAIT, C’EST QUOI L’UX ?
![Page 4: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/4.jpg)
Pour le savoir revenons en 1580…
![Page 5: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/5.jpg)
Salut, moi c’est
Montaigne
![Page 6: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/6.jpg)
Et ça, c‘est mon best-seller
![Page 7: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/7.jpg)
La parole est moitié à celui qui parle,
moitié à celui qui l’écoute
Eh ouais, c‘est moi qui l’ai dit
![Page 8: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/8.jpg)
Le message émis est aussi important que l’expérience
de celui qui le reçoit
![Page 9: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/9.jpg)
Et voici Montaigne penseur de l’UX design…
Merci, restez assis
![Page 10: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/10.jpg)
UX
User eXperience
eXpérience Utilisateur
![Page 11: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/11.jpg)
Besoins de l’entreprise
Besoins de l’utilisateur
UX design
![Page 12: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/12.jpg)
Sur internet l’UX design doit permettre à l’entreprise de
délivrer clairement son message tout en donnant la possibilité à l’utilisateur de
concrétiser son action sans effort, dans un environnement
fiable
![Page 13: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/13.jpg)
QUI SONT CES GENS QUE L’ON APPELLE UTILISATEURS ?
![Page 14: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/14.jpg)
Vous, moi, nous…
![Page 15: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/15.jpg)
Alexandre, 19 ans, IDF Étudiant IUT TC
![Page 16: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/16.jpg)
“ Dans mon téléphone,
il y a toute ma vie !
”
![Page 17: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/17.jpg)
“ Je crois que je n’arriverais
pas à me couper du monde plus d’une journée !
”
![Page 18: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/18.jpg)
“ Dès le matin, j’ai plein de
notifications
”
![Page 19: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/19.jpg)
“ Quand je ne suis pas satisfait d’une marque, je n’hésite pas
à le lui faire savoir
”
![Page 20: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/20.jpg)
Florence, 49 ans Vendeuse, Bordeaux
![Page 21: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/21.jpg)
“ Ce que j’attends de mon téléphone ? Surtout qu’il
appelle !
”
![Page 22: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/22.jpg)
“ J’ai l’impression d’être parfois larguée face à la technologie,
mais heureusement mes enfants prennent le temps de
m’expliquer
”
![Page 23: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/23.jpg)
“ Le plus important pour moi c’est de garder contact avec mes proches, peu importe où
ils se trouvent
”
![Page 24: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/24.jpg)
“ J’aime bien partager mes
photos, vidéos sur les réseaux sociaux, comme ça
les choses restent
”
![Page 25: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/25.jpg)
Martine, 81 ans Retraitée, Metz
![Page 26: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/26.jpg)
“ Depuis qu’internet est là, je trouve que l’on perd de plus en plus le contact physique
et le lien commercial
”
![Page 27: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/27.jpg)
“ Envoyer un sms, je trouve ça plus compliqué que de faire une recherche sur un iPad
”
![Page 28: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/28.jpg)
“ J’ai l’impression qu’internet à
ouvert le champ de la connaissance
”
![Page 29: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/29.jpg)
Dominique, 53 ans Commercial, Grenoble
![Page 30: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/30.jpg)
“ Je suis un peu devenu
un geek malgré moi
”
![Page 31: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/31.jpg)
“ J’ai l’impression que la
frontière entre mes vies pro et perso est de plus en plus
fine
”
![Page 32: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/32.jpg)
“ Pendant mes vacances j’essaie toujours de me
déconnecter à fond
”
![Page 33: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/33.jpg)
“ Je surveille tout le temps
mes performances sportives via des applis
”
![Page 34: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/34.jpg)
TENDANCES UX
![Page 35: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/35.jpg)
L’infobésité peut être un atout
![Page 36: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/36.jpg)
L’expérience commence toujours par le menu
![Page 37: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/37.jpg)
LA NAVIGATION PAR MENU
Les mégas-menus factuels
Site marchand - Adidas
![Page 38: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/38.jpg)
LA NAVIGATION PAR MENU
Les mégas-menus factuels
Site marchand – Hello Bank !
![Page 39: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/39.jpg)
LA NAVIGATION PAR MENU
Les menus expliqués
Site média – Veolia
![Page 40: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/40.jpg)
Les mégas-menus chronologiques
LA NAVIGATION PAR MENU
Site média – The Verge
![Page 41: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/41.jpg)
Double méga-menu
LA NAVIGATION PAR MENU
Site marchand – Lexus
![Page 42: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/42.jpg)
LA NAVIGATION PAR MENU
Les mégas-menus pictographiques
Site événementiel – Skoda
![Page 43: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/43.jpg)
Les méga-menus serviciels
LA NAVIGATION PAR MENU
Site institutionnel – St Gobain
![Page 44: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/44.jpg)
LA NAVIGATION PAR MENU
Les méga-menu éditorialisés
Site institutionnel – Groupe Adidas
![Page 45: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/45.jpg)
LA NAVIGATION PAR MENU
Les méga-menus profilés
Site marchand – Billabong
![Page 46: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/46.jpg)
LA NAVIGATION PAR MENU
Les doubles-menu
Site média – Cosmopolitan
![Page 47: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/47.jpg)
LA NAVIGATION PAR MENU
Les doubles-menu
iOS - Apple
![Page 48: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/48.jpg)
LA NAVIGATION PAR MENU
Les onglets de chapitrage
Site média – Alstom Grid
![Page 49: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/49.jpg)
LA NAVIGATION PAR MENU
Les onglets revus par le mobile
Application Google Chrome
![Page 50: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/50.jpg)
LA NAVIGATION PAR MENU
Des menus dynamiques
Application Wikipedia
![Page 51: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/51.jpg)
LA NAVIGATION PAR MENU
La navigation chronologique et thématique
Application media – Le Monde
![Page 52: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/52.jpg)
La recherche se fait réflexe
![Page 53: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/53.jpg)
LA RECHERCHE
Transformer son site en moteur de recherche
![Page 54: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/54.jpg)
LA RECHERCHE
Transformer son site en moteur de recherche
Site média – Cosmopolitan
![Page 55: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/55.jpg)
LA RECHERCHE
Offrir de meilleures suggestions
Site institutionnel – Boeing
![Page 56: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/56.jpg)
Remplacer la recherche par la suggestion
LA RECHERCHE
Site grand public – Mairie de Sydney
![Page 57: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/57.jpg)
Un référentiel unique et universel pour les contenus, le grid design
![Page 58: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/58.jpg)
Le grid design interactif
LE GRID DESIGN
Site événementiel – Oreo
![Page 59: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/59.jpg)
Le grid interactif
LE GRID DESIGN
Site institutionnel – United Technologies
![Page 60: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/60.jpg)
Le grid slider
LE GRID DESIGN
Site conseil fitness – Reebok
![Page 61: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/61.jpg)
Grid Design thématique
LE GRID DESIGN
Site marchand – Uniqlo
![Page 62: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/62.jpg)
Le grid design ajustable
LE GRID DESIGN
Site marchand – Uniqlo
![Page 63: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/63.jpg)
Le grid design personnalisable
LE GRID DESIGN
Application institutionnelle– Airbus Group
![Page 64: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/64.jpg)
L’instantanéité dynamise la marque
![Page 65: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/65.jpg)
Rendre lisible les flux, source infinie de contenus
![Page 66: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/66.jpg)
Par défaut
FILTRER TOUS LES FLUX
Appli RH – GDF Suez
![Page 67: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/67.jpg)
Par des sous-menus cachés
FILTRER TOUS LES FLUX
Site événementiel – Doritos
![Page 68: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/68.jpg)
Par des sous-menus cachés
FILTRER TOUS LES FLUX
Site institutionnel – BASF
![Page 69: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/69.jpg)
Par un simple clic
FILTRER TOUS LES FLUX
Agrégateur de flux - Feedly
![Page 70: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/70.jpg)
Par un simple « swipe »
FILTRER TOUS LES FLUX
Application message - iOS
![Page 71: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/71.jpg)
Excel c’est fini !
![Page 72: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/72.jpg)
Des tableaux personnalisables
LA DATA
Site Institutionnel - BASF
![Page 73: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/73.jpg)
Rendre l’information visuelle
LA DATA
Site ville – Transit Time NYC
![Page 74: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/74.jpg)
Classer les données
LA DATA
Site évènementiel – Formule 1
![Page 75: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/75.jpg)
Mettre en lumière une information
LA DATA
Site média – Le Décodeur (Le Monde)
![Page 76: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/76.jpg)
Exploiter les données en temps réel
LA DATA
Site évènementiel – Ubisoft
![Page 77: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/77.jpg)
Capter une cible volatile
![Page 78: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/78.jpg)
L’immersion pour ressentir l’univers de la marque
![Page 79: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/79.jpg)
L’IMMERSION
Méga header vidéo
Site marchand – FIVE GUYS
![Page 80: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/80.jpg)
L’IMMERSION
Un site en mouvement perpétuel
Site marchand – FIVE GUYS
![Page 81: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/81.jpg)
L’IMMERSION
Réduire le menu au scroll
Site évènementiel – Oreo
![Page 82: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/82.jpg)
Le scrollytelling vertical
L’APPROCHE PARCOURS
Site marchand – AIR Amsterdam (club)
![Page 83: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/83.jpg)
Le scrollytelling horizontal
L’APPROCHE PARCOURS
Site événementiel – Reebok
![Page 84: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/84.jpg)
Le triple scroll
L’APPROCHE PARCOURS
Site média – Le Monde
![Page 85: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/85.jpg)
Le scrollytelling cyclique
L’APPROCHE PARCOURS
Site marchand – Trippeo
![Page 86: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/86.jpg)
Le scrollytelling cinématique
L’APPROCHE PARCOURS
Site événementiel – Mercedes Benz
![Page 87: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/87.jpg)
Le scrollytelling animé
L’APPROCHE PARCOURS
Site événementiel – WWF
![Page 88: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/88.jpg)
Des parcours sur-mesure pour garder l’utilisateur
plus longtemps
![Page 89: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/89.jpg)
Les suggestions pendant la lecture
L’APPROCHE PARCOURS
Application Institutionnelle – Crédit Agricole
![Page 90: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/90.jpg)
Les suggestions pendant la lecture
L’APPROCHE PARCOURS
Site média – New York Times
![Page 91: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/91.jpg)
Les suggestions pendant la lecture
L’APPROCHE PARCOURS
Site média – New York Times
![Page 92: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/92.jpg)
Les suggestions pendant la lecture
L’APPROCHE PARCOURS
Site média – Cosmopolitan - VICE news
![Page 93: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/93.jpg)
Les suggestions pendant la lecture
L’APPROCHE PARCOURS
Site média – Le Monde & Genius
![Page 94: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/94.jpg)
Un menu disponible en permanence
L’APPROCHE PARCOURS
Blog – The cultureist
![Page 95: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/95.jpg)
Garder le contact pour conserver son audience
![Page 96: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/96.jpg)
Les pop-in intempestives
L’ENGAGEMENT
Incitation au partage
Incitation à l’abonnement
![Page 97: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/97.jpg)
L’incitation subtile à l’abonnement
L’ENGAGEMENT
Site institutionnel - Peugeot
![Page 98: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/98.jpg)
Les modules conversationnels
L’ENGAGEMENT
Site commercial – searchforenergy
![Page 99: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/99.jpg)
L’intégration des réseaux sociaux
L’ENGAGEMENT
Site media – Cosmopolitan
![Page 100: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/100.jpg)
L’intégration des réseaux sociaux
L’ENGAGEMENT
Site évènementiel – Skoda
![Page 101: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/101.jpg)
L’intégration des réseaux sociaux
L’ENGAGEMENT
Site évènementiel – Peugeot RCZ
![Page 102: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/102.jpg)
Géolocaliser les contenus et les services pour afficher
sa proximité
![Page 103: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/103.jpg)
Cartes de suggestions
LA GEOLOCALISATION
Site touristique – Manchester
![Page 104: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/104.jpg)
Géolocaliser ses articles
LA GEOLOCALISATION
Site média – Le Monde
![Page 105: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/105.jpg)
Adapter son contenu en fonction des lieux
LA GEOLOCALISATION
Yahoo météo – Uber - RATP
![Page 106: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/106.jpg)
SERVICE 24/7
Application musique - Bandsintown
Adapter son contenu en fonction des lieux
![Page 107: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/107.jpg)
Imaginer de nouvelles solutions face aux impatiences
![Page 108: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/108.jpg)
Ne jamais laisser ses utilisateurs dans une impasse
![Page 109: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/109.jpg)
La contextualisation
LES SALLES D’ATTENTES 2.0
Site événementiel – Mac Donald’s
![Page 110: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/110.jpg)
La customisation
LES SALLES D’ATTENTES 2.0
Site marchand – Reebok
![Page 111: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/111.jpg)
L’humour à la rescousse
LES SALLES D’ATTENTES 2.0
Site institutionnel - SSII
![Page 112: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/112.jpg)
Le retour « IRL »
LES SALLES D’ATTENTES 2.0
Réseau social - Twitter
![Page 113: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/113.jpg)
Le gaming
LES SALLES D’ATTENTES 2.0
Navigateur – Google Chrome
![Page 114: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/114.jpg)
La marque doit offrir du service
![Page 115: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/115.jpg)
Des modules persistants
SERVICE 24/7
Site marchand – Bouygues Telecom
![Page 116: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/116.jpg)
Des modules personnalisables
SERVICE 24/7
Site touristique – Istanbul
![Page 117: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/117.jpg)
Des modules personnalisables
SERVICE 24/7
Site marchand - Adidas
![Page 118: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/118.jpg)
Démocratiser l’information pour parler à tous
![Page 119: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/119.jpg)
Se réapproprier les codes universels de lecture
![Page 120: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/120.jpg)
Des contenus écrits noir sur blanc
HABITUDES > WEB
Site évenementiel - Reebok
![Page 121: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/121.jpg)
Des « Unes » magazinées
HABITUDES > WEB
Site touristique – NYC The Official Guide
![Page 122: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/122.jpg)
Des pages stylisées en fonction des formats
HABITUDES > WEB
Site média – Vice News
![Page 123: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/123.jpg)
Livre interactif
HABITUDES > WEB
Site événementiel – Land Rover
![Page 124: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/124.jpg)
Revisiter des classiques du jeu-vidéo
HABITUDES > WEB
Site événementiel - BCE
![Page 125: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/125.jpg)
Guider l’utilisateur grâce aux « coach marks »
HABITUDES > WEB
Application Tempo Smart Calendar
![Page 126: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/126.jpg)
GOOD and BAD UX
![Page 127: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/127.jpg)
![Page 128: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/128.jpg)
DEVANCER LES ATTENTES
Mac OS X - Apple
![Page 129: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/129.jpg)
DU RESPONSIVE INTELLIGENT
Application - Evernote
![Page 130: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/130.jpg)
DES DEVICES LIES
Messagerie – Whatsapp sur le web
![Page 131: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/131.jpg)
DE LA SYMPATHIE
Site marchand - ASOS
![Page 132: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/132.jpg)
DE L’INTEGRATION TOTALE
Moteur de recherche - Google
![Page 133: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/133.jpg)
ON PENSE A TOUS !
Application de jeu – Two Dots
![Page 134: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/134.jpg)
Des sites customisables
HOME SWEET HOME
Site serviciel - Transfers
![Page 135: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/135.jpg)
![Page 136: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/136.jpg)
UNE PAGE INNOVATION PAS INNOVANTE
Site institutionnel - ALSTOM
![Page 137: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/137.jpg)
LE FAMEUX PRIX CACHE
Site marchand – American Golf
![Page 138: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/138.jpg)
LES ASTERISQUES TROMPEURS
Site marchand – Perfect Compliance
![Page 139: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/139.jpg)
NE PAS DONNER LA BONNE INFO
Site créatif – Dribble
![Page 140: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/140.jpg)
BOUSCULER LES HABITUDES
Application mobile - Snapchat
![Page 141: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/141.jpg)
ET DEMAIN ?
![Page 142: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/142.jpg)
L’enrichissement des vidéos
![Page 143: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/143.jpg)
LES EXEMPLES IKEA ET ONLY
![Page 144: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/144.jpg)
L’approche « mobile first »
![Page 145: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/145.jpg)
L’EXEMPLE AIRBUS
![Page 146: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/146.jpg)
Le responsive design 2.0
![Page 147: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/147.jpg)
LE RESPONSIVE C’EST DÉJÀ VIEUX !
![Page 148: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/148.jpg)
La réalité augmentée
![Page 150: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/150.jpg)
L’eye-tracking
![Page 151: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/151.jpg)
L’EXEMPLE SKODA
![Page 152: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/152.jpg)
Les objets connectés
![Page 154: 9-10.30 - UX, tendances et réflexions](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55a645e21a28abed148b46d8/html5/thumbnails/154.jpg)
<quit> MERCI </quit>
www.publicorp.fr 13 rue Rosenwald 75015 paris
Contact : Céline Le Bail [email protected]