UX & UI Design : les tendances pour 2017
-
Upload
nicetomeetyou -
Category
Design
-
view
858 -
download
3
Transcript of UX & UI Design : les tendances pour 2017
![Page 1: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/1.jpg)
UX / UI design :que vous réserve 2017 ?
![Page 2: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/2.jpg)
We do digital... with a trait d’esprit
Parce que la seule constante du digital est le changement, nous éclairons et accompagnons nos
clients face à leurs nouveaux challenges.
NTMY conçoit / (co)produit / pilote des stratégies et des expériences engageant(e)s, au service des
organisations et de leurs clients.
![Page 3: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/3.jpg)
#Plan#Design#Code
#Engage
![Page 4: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/4.jpg)
![Page 5: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/5.jpg)
Nos clients sont dans des secteurs variés
![Page 6: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/6.jpg)
Les intervenants
Olivier Coulon
DC Digital
Guillaume Palayer
UX Designer
![Page 7: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/7.jpg)
Olivier
DC Digital
Guillaume
UX Designer
UI / UX design team
Jérôme
Designer Interactif
Fabien
Designer Interactif
Hugo
Full Stack Designer
![Page 8: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/8.jpg)
UI User Interface
![Page 9: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/9.jpg)
UX User Experience
![Page 10: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/10.jpg)
Tour d’horizonQuatre nouveaux terrains de jeu du digital
![Page 11: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/11.jpg)
Conversational UI / UX
![Page 12: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/12.jpg)
![Page 13: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/13.jpg)
#Conversations interactives#Intelligentes#Plus humaines#Plus fun
![Page 14: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/14.jpg)
![Page 15: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/15.jpg)
![Page 16: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/16.jpg)
![Page 17: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/17.jpg)
![Page 18: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/18.jpg)
« En Q3 2015, l’utilisation des apps de messagerie a dépassé celle des réseaux sociaux »
— BI Intelligence
![Page 19: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/19.jpg)
Les bots vous attendent
En moyenne, une personne utilise seulement 4-6 applications quotidiennement
![Page 21: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/21.jpg)
S’il ne fallait en garder qu’un…
![Page 22: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/22.jpg)
#Créatif dans la connaissance de l’interlocuteur#Authentique et empathique#De + en + utile au fil de la conversation
Sav, formulaires, questionnaire, moteur de recherche… :une opportunité pour les marques de faire d’un outil un moyen de communication
![Page 23: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/23.jpg)
VR : le nouvel écran
Nouveau médium, nouveau language
![Page 24: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/24.jpg)
![Page 25: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/25.jpg)
![Page 26: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/26.jpg)
Mobile Mobile Gear VR GearYeah !
![Page 27: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/27.jpg)
InteractionWebGl
Navigateur
![Page 28: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/28.jpg)
Mobile Mobile Gear+ joypad
VR Gear+ joysticks
OMGYeah !
![Page 29: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/29.jpg)
Divertissement
![Page 30: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/30.jpg)
Industrie
![Page 31: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/31.jpg)
Prévention
![Page 32: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/32.jpg)
Architecture
Feedback UX :« Anecdotique, la fonction Sunlight a été la plus appréciée »
![Page 33: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/33.jpg)
Evénementiel
For a world that promises magic,“Fantastic Beasts” VR still falls short.
![Page 34: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/34.jpg)
Evénementiel
![Page 35: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/35.jpg)
UX GuidelinesGarantir la performance (60 i/s)
S’assurer du confortLearning from scratch
Penser différemment Gaming / OutilSound design = 50% de l’expérience
https://medium.com/@hitsmachines/practical-vr-ce80427e8e9d#.c178s0e8q
![Page 36: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/36.jpg)
![Page 37: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/37.jpg)
#New rules#Brand content#Less is more
Leaders VS Followers.
![Page 38: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/38.jpg)
Caractéristiques et avantages d’un outil peu connu
Progressive Web Apps :la fin des apps natives ?
![Page 39: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/39.jpg)
Le meilleur desSite Web & des Applications mobiles
![Page 40: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/40.jpg)
Tadaaaam !Progressive web app
Un site web qui ressemble à une app
![Page 41: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/41.jpg)
Zéro install
![Page 42: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/42.jpg)
![Page 43: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/43.jpg)
Engageante
![Page 44: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/44.jpg)
Responsive par nature
![Page 45: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/45.jpg)
Offline first
![Page 46: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/46.jpg)
SEOAccessible
![Page 47: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/47.jpg)
#Zero install#Responsive#Offline-first#Engageante#Rapide
Pourquoi continuer à s’embêter avec des mémoires saturées et des développements iOS et Android trop chers ?
![Page 48: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/48.jpg)
Le futur n’est pas là où on l’attendait
Les interfaces de demain
![Page 49: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/49.jpg)
Vocales, tactiles, haptiques et
gestuelles
GraphiquesTextuelles
Interactions homme / machine(IHM)
![Page 50: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/50.jpg)
Internet of screens
#1
![Page 51: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/51.jpg)
#2Internet of Things
![Page 52: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/52.jpg)
#3Internet of Experience
![Page 53: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/53.jpg)
Contexte
![Page 54: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/54.jpg)
TimeularTimetracking
![Page 55: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/55.jpg)
#interfaces naturelles#bye bye GUI#trop d’écrans tuent l’écran
La meilleure technologie, c’est celle qu’on ne ressent pas.
![Page 56: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/56.jpg)
Concevoir le designLes méthodes ont changé
![Page 57: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/57.jpg)
Le client au centre de notre process de design
Client + agence + user = ❤
![Page 58: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/58.jpg)
Le design sprint –Regard sur notre nouvelle manière de
collaborer
![Page 59: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/59.jpg)
Comprendre
Crédit images – Pablo Stanley Thedesignteam.io
Jour 1
![Page 60: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/60.jpg)
Focus sur les questions fondamentales qui accompagnent une stratégie d'entreprise et des objectifs business.
![Page 61: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/61.jpg)
Explorer
Jour 2
![Page 62: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/62.jpg)
Un focus sur le travail individuel pour explorer un maximum d'approches et découvrir des opportunités.
![Page 63: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/63.jpg)
Décider
Jour 3
![Page 64: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/64.jpg)
Une phase de vote pour des prises de décisions rapides.
![Page 65: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/65.jpg)
Prototyper
Jour 4
![Page 66: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/66.jpg)
Fake it until you make it.
![Page 67: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/67.jpg)
Fake it until you make it.
![Page 68: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/68.jpg)
Tester
Jour 5
![Page 69: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/69.jpg)
5 interviews utilisateurs pour révéler une tendance dans les apprentissages.
![Page 70: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/70.jpg)
5 joursUn prototype co-conçu
testé, validé, proche de la vérité
![Page 71: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/71.jpg)
Et pourquoi pas recommencer
![Page 72: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/72.jpg)
#Site Web#Web app#Mobile app#Ecommerce
UI / UX, uniquement ?
#Brochure papier#Expérience VR#Objet connecté#BarMitsvah
![Page 73: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/73.jpg)
#Travail collectif#Priorisation#Collectif & individuel#Tests utilisateur
Pourquoi on aime ?
![Page 74: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/74.jpg)
#résultats immédiats#économie#disruption#réactivité#partenariat
Pourquoi vous aimerez…
![Page 75: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/75.jpg)
Ce qui est bon pour vous est bon pour nous
Et côté agence, il se passe quoi ?
![Page 76: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/76.jpg)
« Design break »Un rituel collaboratif
![Page 77: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/77.jpg)
20 min pour...
16h 16h20
![Page 78: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/78.jpg)
Expertise partagéeQualité / Rapidité / Rentabilité
Information micro ou macroInviter des guests
…
![Page 79: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/79.jpg)
Perle du nord
![Page 80: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/80.jpg)
Photo tableau
Design avec
Jamais le contenu
![Page 81: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/81.jpg)
![Page 82: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/82.jpg)
Et pour chez vous ?
![Page 83: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/83.jpg)
Les 5 règles
1.Définir une
heure, un lieu
2.Définir le
périmètre des sujets
3.Timer les échanges
4.Produire des
feedbacks concrets et activables
![Page 84: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/84.jpg)
5.Repeat, repeat, repeat
![Page 85: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/85.jpg)
#TeamBuilding#Veille#Performance
« Depuis que je peux m’exprimer tous les jours librement sur le travail de chacun, je me sens accompli et j’ai rencontré l’amour ».
![Page 86: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/86.jpg)
TémoignageBienvenue à…
![Page 87: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/87.jpg)
Bonus : nous sommesorganisme de formation
CREATIVITE DIGITALE
CODE & TECHNOLOGIESMARKETING DIGITAL
SOCIAL MEDIA & CONTENU
![Page 88: UX & UI Design : les tendances pour 2017](https://reader036.fdocument.pub/reader036/viewer/2022062316/586f84f71a28ab54768b4f4d/html5/thumbnails/88.jpg)
29 rue Edouard Delesalle
20 rue Jean Moinon
5 Nguyen Gia Thieu, D3
Lille Paris Saigon