SlideShare une entreprise Scribd logo
1  sur  36
L’UX Design dans les
Nouvelles Technologies
Alexia Buclet
Design Ops Director & UX Designer
Minsight.co
@AlexiaBuclet
15 juin 2018
Les nouvelles technologies sont des produits
comme les autres
➢ L’être humain est au cœur de l’UX Design.
➢ Si vous savez concevoir l’expérience
utilisateur d’un produit, vous pouvez le faire
pour tous les types de produits !
Alexia Buclet
L’UX Design dans les Nouvelles Technologies
1. Le travail d’UX Designer dans les nouvelles technologies
2. Exemples à travers 3 types de technologies
3. Les tests utilisateurs : contraintes et solutions
4. Mes conseils pour se lancer
Alexia Buclet
Les nouvelles technologies
Alexia Buclet
Softbank Robotics
Le travail d’UX Designer dans
les nouvelles technologies
Alexia Buclet
Les difficultés rencontrées
➢ Un manque de standards :
➢ Peu de recul
➢ Peu de guidelines
➢ Pas encore de standard technologique
Alexia Buclet
➢ Une connaissance limitée sur les utilisateurs :
➢ Pas d’habitudes établies
➢ Une cible parfois très large
➢ Types d’utilisateurs très segmentés
Alexia Buclet
Les difficultés rencontrées
➢ Concevoir à partir des connaissances sur
l’Humain
➢ Adapter les heuristiques ergonomiques à
ces nouveaux produits
Alexia Buclet
Solution
Jeux vidéo
(7e et 8e génération)
Alexia Buclet
Ubisoft
➢ Wii, Wii U et Kinect
Alexia Buclet
Navigation
➢ Avec Kinect, le grand public peut naviguer dans une interface
avec son corps, sans manette.
➢ Prendre en compte la fatigue
musculaire
➢ Inclure les variantes d’un
même geste
Alexia Buclet
Adaptabilité
➢ Avec la Wii, on peut offrir à l’utilisateur plusieurs
moyens d’interaction pour un même résultat.
➢ Utiliser les mouvements de la manette ou les boutons
➢ Inclure les variantes d’un même geste
Alexia Buclet
Charge cognitive
➢ Avec la Wii U, l’utilisateur doit gérer 2 écrans distincts dans des
gameplays asymétriques.
➢ Guider l’attention pour faciliter le
passage de l’un à l’autre
➢ Limiter la densité informationnelle
Alexia Buclet
Robots humanoïdes
Alexia Buclet
➢ NAO, Roméo et Pepper
Alexia Buclet
Aldebaran / Softbank Robotics
Affordance
➢ Avec Pepper, l’utilisateur peut communiquer à travers
le verbal, la tablette, les mouvements, et les LEDs.
➢ Veiller aux attentes suggérées par la forme humanoïde
➢ Utiliser le meilleur canal en fonction du message à délivrer
➢ Guider l’attention de l’utilisateur et regrouper les canaux
d’interaction
➢ Se servir d’un canal comme alternative à un autre
Alexia Buclet
Contextualité
➢ Un robot est un objet physique en mouvement intégré dans le
monde réel.
➢ Gérer l’interaction en 360 et en 3D
➢ Prendre en compte son environnement
Alexia Buclet
XR : Extended Reality
Alexia Buclet
Alexia Buclet
XR : “Réalité élargie”
Réalité virtuelle Réalité augmentée Réalité mixte
© Magic Leap
➢ Casques de réalité virtuelle ➢ HoloLens (réalité mixte)
Alexia Buclet
Appareils
➢ Logiciel de création d’expériences en XR : directement dans
l’appareil et sans compétence en développement.
➢ Importer du contenu
➢ L’agencer et le rendre interactif
➢ Collaborer avec son équipe
➢ Distribuer sur plusieurs plateformes
Alexia Buclet
Minsight
Minsight
Contextualité
➢ L’interface est affichée dans un monde (virtuel ou réel).
➢ Limiter la fatigue musculaire
➢ Gérer l’interaction à 360 et en 3D centrée sur l’utilisateur
➢ Rendre l’interface disponible sans être oppressante
➢ Prendre en compte son environnement (virtuel ou réel)
Alexia Buclet
Les spécificités des NUI Alexia Buclet
Minsight
Cohérence
➢ L’application peut exister sur plusieurs appareils.
➢ Garder une expérience cohérente
➢ Ajouter des fonctionnalités relatives aux caractéristiques spécifiques
Alexia Buclet
Les tests utilisateurs :
contraintes et solutions
Alexia Buclet
Contrainte : recruter des participants
➢ Confidentialité - Pepper
➢ Population cible rare - Minsight
➔ Solution : être flexible sur le profil
des participants recrutés, en prenant
en compte les biais lors des interprétations.
Alexia Buclet
➢ Stress
➢ Décalage entre l’environnement de test et le réel
➢ Décalage entre le matériel utilisé et le produit
Contrainte : observer des comportements authentiques
Alexia Buclet
➢ Just Dance
Solution : reproduire les conditions réelles
Alexia Buclet
➢ NAO
➢ Ecole
➢ Maison de retraite
Alexia Buclet
Solution : reproduire les conditions réelles
Mes conseils pour se lancer
Alexia Buclet
➢ Ne pas avoir peur des erreurs.
➢ Avoir de l’expérience (ou un mentor).
➢ Être créatif et flexible.
➢ Avoir une équipe pluridisciplinaire.
➢ Faire beaucoup de veille et tester le
maximum de produits.
Alexia Buclet
Résumé
Alexia Buclet
➢ Être UX Designer dans les nouvelles technologies n’est pas un poste confortable
mais passionnant !
➢ Avec ces nouvelles technologies, les interactions sont plus naturelles et
paradoxalement difficile à concevoir… Mais les méthodes restent les mêmes.
➢ Il y a toujours une solution pour réaliser des tests utilisateurs malgré les
contraintes.
➢ Tout est à faire : votre travail d’aujourd’hui deviendra peut-être le standard de
demain.
Alexia Buclet
Les nouvelles technologies ont besoin
d'UX Designers
pour être utilisées par leur cible : l'Humain.
Alexia Buclet
Avez-vous des questions ?
@AlexiaBuclet
Minsight.co

Contenu connexe

Similaire à L'UX Design dans les nouvelles technologies - Alexia Buclet

Lean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceLean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceAlexandre Jubien
 
Leanstartup de l'idee au produit
Leanstartup de l'idee au produitLeanstartup de l'idee au produit
Leanstartup de l'idee au produitPeople in action
 
Leanstartup de-lidee-au-produit
Leanstartup de-lidee-au-produitLeanstartup de-lidee-au-produit
Leanstartup de-lidee-au-produitAspectize
 
Paris web 2012_focusgroup_agile_ux par G. Barrère et E. Mazzone
Paris web 2012_focusgroup_agile_ux par G. Barrère et E. MazzoneParis web 2012_focusgroup_agile_ux par G. Barrère et E. Mazzone
Paris web 2012_focusgroup_agile_ux par G. Barrère et E. MazzoneBarrere Gautier
 
Applications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-boardApplications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-boardMicrosoft
 
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionErgonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionJulien Roland
 
Smartphone : et l'informatique devint mobile...
Smartphone : et l'informatique devint mobile...Smartphone : et l'informatique devint mobile...
Smartphone : et l'informatique devint mobile...CARA_Lyon
 
Les outils de l'ergonome agile
Les outils de l'ergonome agileLes outils de l'ergonome agile
Les outils de l'ergonome agileCARA_Lyon
 
Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Usabilis
 
Concepts methodes
Concepts methodesConcepts methodes
Concepts methodesmsk10
 
Introduction à l'agilité numélink - 24 mai 2012 - #3 etapes proj
Introduction à l'agilité   numélink - 24 mai 2012 - #3 etapes projIntroduction à l'agilité   numélink - 24 mai 2012 - #3 etapes proj
Introduction à l'agilité numélink - 24 mai 2012 - #3 etapes projagnes_crepet
 
L'user experience for IoT
L'user experience for IoTL'user experience for IoT
L'user experience for IoTUX REPUBLIC
 
Initiation à l'UX design pour applications
Initiation à l'UX design pour applicationsInitiation à l'UX design pour applications
Initiation à l'UX design pour applicationsVirginie Colombel
 
Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...Microsoft Technet France
 
Valtech - Quand product owner rime avec marketeur
Valtech - Quand product owner rime avec marketeurValtech - Quand product owner rime avec marketeur
Valtech - Quand product owner rime avec marketeurValtech
 
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolutionJeremy Barre
 

Similaire à L'UX Design dans les nouvelles technologies - Alexia Buclet (20)

Lean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceLean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork Axance
 
Leanstartup de l'idee au produit
Leanstartup de l'idee au produitLeanstartup de l'idee au produit
Leanstartup de l'idee au produit
 
Leanstartup de-lidee-au-produit
Leanstartup de-lidee-au-produitLeanstartup de-lidee-au-produit
Leanstartup de-lidee-au-produit
 
Paris web 2012_focusgroup_agile_ux par G. Barrère et E. Mazzone
Paris web 2012_focusgroup_agile_ux par G. Barrère et E. MazzoneParis web 2012_focusgroup_agile_ux par G. Barrère et E. Mazzone
Paris web 2012_focusgroup_agile_ux par G. Barrère et E. Mazzone
 
Applications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-boardApplications tactiles : Design en mode maquette papier et story-board
Applications tactiles : Design en mode maquette papier et story-board
 
UX guidelines
UX guidelinesUX guidelines
UX guidelines
 
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours IntroductionErgonomie & Expérience Utilisateur (UX) | Cours Introduction
Ergonomie & Expérience Utilisateur (UX) | Cours Introduction
 
LEAN UX
LEAN UXLEAN UX
LEAN UX
 
Smartphone : et l'informatique devint mobile...
Smartphone : et l'informatique devint mobile...Smartphone : et l'informatique devint mobile...
Smartphone : et l'informatique devint mobile...
 
Flupa lille
Flupa lilleFlupa lille
Flupa lille
 
Les outils de l'ergonome agile
Les outils de l'ergonome agileLes outils de l'ergonome agile
Les outils de l'ergonome agile
 
Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait)
 
Concepts methodes
Concepts methodesConcepts methodes
Concepts methodes
 
Introduction à l'agilité numélink - 24 mai 2012 - #3 etapes proj
Introduction à l'agilité   numélink - 24 mai 2012 - #3 etapes projIntroduction à l'agilité   numélink - 24 mai 2012 - #3 etapes proj
Introduction à l'agilité numélink - 24 mai 2012 - #3 etapes proj
 
L'user experience for IoT
L'user experience for IoTL'user experience for IoT
L'user experience for IoT
 
Initiation à l'UX design pour applications
Initiation à l'UX design pour applicationsInitiation à l'UX design pour applications
Initiation à l'UX design pour applications
 
Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...
 
Valtech - Quand product owner rime avec marketeur
Valtech - Quand product owner rime avec marketeurValtech - Quand product owner rime avec marketeur
Valtech - Quand product owner rime avec marketeur
 
Cours Adaptation des IHM
Cours Adaptation des IHMCours Adaptation des IHM
Cours Adaptation des IHM
 
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
 

L'UX Design dans les nouvelles technologies - Alexia Buclet

  • 1. L’UX Design dans les Nouvelles Technologies Alexia Buclet Design Ops Director & UX Designer Minsight.co @AlexiaBuclet 15 juin 2018
  • 2. Les nouvelles technologies sont des produits comme les autres ➢ L’être humain est au cœur de l’UX Design. ➢ Si vous savez concevoir l’expérience utilisateur d’un produit, vous pouvez le faire pour tous les types de produits ! Alexia Buclet
  • 3. L’UX Design dans les Nouvelles Technologies 1. Le travail d’UX Designer dans les nouvelles technologies 2. Exemples à travers 3 types de technologies 3. Les tests utilisateurs : contraintes et solutions 4. Mes conseils pour se lancer Alexia Buclet
  • 4. Les nouvelles technologies Alexia Buclet Softbank Robotics
  • 5. Le travail d’UX Designer dans les nouvelles technologies Alexia Buclet
  • 6. Les difficultés rencontrées ➢ Un manque de standards : ➢ Peu de recul ➢ Peu de guidelines ➢ Pas encore de standard technologique Alexia Buclet
  • 7. ➢ Une connaissance limitée sur les utilisateurs : ➢ Pas d’habitudes établies ➢ Une cible parfois très large ➢ Types d’utilisateurs très segmentés Alexia Buclet Les difficultés rencontrées
  • 8. ➢ Concevoir à partir des connaissances sur l’Humain ➢ Adapter les heuristiques ergonomiques à ces nouveaux produits Alexia Buclet Solution
  • 9. Jeux vidéo (7e et 8e génération) Alexia Buclet
  • 10. Ubisoft ➢ Wii, Wii U et Kinect Alexia Buclet
  • 11. Navigation ➢ Avec Kinect, le grand public peut naviguer dans une interface avec son corps, sans manette. ➢ Prendre en compte la fatigue musculaire ➢ Inclure les variantes d’un même geste Alexia Buclet
  • 12. Adaptabilité ➢ Avec la Wii, on peut offrir à l’utilisateur plusieurs moyens d’interaction pour un même résultat. ➢ Utiliser les mouvements de la manette ou les boutons ➢ Inclure les variantes d’un même geste Alexia Buclet
  • 13. Charge cognitive ➢ Avec la Wii U, l’utilisateur doit gérer 2 écrans distincts dans des gameplays asymétriques. ➢ Guider l’attention pour faciliter le passage de l’un à l’autre ➢ Limiter la densité informationnelle Alexia Buclet
  • 15. ➢ NAO, Roméo et Pepper Alexia Buclet Aldebaran / Softbank Robotics
  • 16. Affordance ➢ Avec Pepper, l’utilisateur peut communiquer à travers le verbal, la tablette, les mouvements, et les LEDs. ➢ Veiller aux attentes suggérées par la forme humanoïde ➢ Utiliser le meilleur canal en fonction du message à délivrer ➢ Guider l’attention de l’utilisateur et regrouper les canaux d’interaction ➢ Se servir d’un canal comme alternative à un autre Alexia Buclet
  • 17. Contextualité ➢ Un robot est un objet physique en mouvement intégré dans le monde réel. ➢ Gérer l’interaction en 360 et en 3D ➢ Prendre en compte son environnement Alexia Buclet
  • 18. XR : Extended Reality Alexia Buclet
  • 19. Alexia Buclet XR : “Réalité élargie” Réalité virtuelle Réalité augmentée Réalité mixte © Magic Leap
  • 20. ➢ Casques de réalité virtuelle ➢ HoloLens (réalité mixte) Alexia Buclet Appareils
  • 21. ➢ Logiciel de création d’expériences en XR : directement dans l’appareil et sans compétence en développement. ➢ Importer du contenu ➢ L’agencer et le rendre interactif ➢ Collaborer avec son équipe ➢ Distribuer sur plusieurs plateformes Alexia Buclet Minsight
  • 23. Contextualité ➢ L’interface est affichée dans un monde (virtuel ou réel). ➢ Limiter la fatigue musculaire ➢ Gérer l’interaction à 360 et en 3D centrée sur l’utilisateur ➢ Rendre l’interface disponible sans être oppressante ➢ Prendre en compte son environnement (virtuel ou réel) Alexia Buclet
  • 24. Les spécificités des NUI Alexia Buclet Minsight
  • 25. Cohérence ➢ L’application peut exister sur plusieurs appareils. ➢ Garder une expérience cohérente ➢ Ajouter des fonctionnalités relatives aux caractéristiques spécifiques Alexia Buclet
  • 26. Les tests utilisateurs : contraintes et solutions Alexia Buclet
  • 27. Contrainte : recruter des participants ➢ Confidentialité - Pepper ➢ Population cible rare - Minsight ➔ Solution : être flexible sur le profil des participants recrutés, en prenant en compte les biais lors des interprétations. Alexia Buclet
  • 28. ➢ Stress ➢ Décalage entre l’environnement de test et le réel ➢ Décalage entre le matériel utilisé et le produit Contrainte : observer des comportements authentiques Alexia Buclet
  • 29. ➢ Just Dance Solution : reproduire les conditions réelles Alexia Buclet
  • 30. ➢ NAO ➢ Ecole ➢ Maison de retraite Alexia Buclet Solution : reproduire les conditions réelles
  • 31. Mes conseils pour se lancer Alexia Buclet
  • 32. ➢ Ne pas avoir peur des erreurs. ➢ Avoir de l’expérience (ou un mentor). ➢ Être créatif et flexible. ➢ Avoir une équipe pluridisciplinaire. ➢ Faire beaucoup de veille et tester le maximum de produits. Alexia Buclet
  • 34. ➢ Être UX Designer dans les nouvelles technologies n’est pas un poste confortable mais passionnant ! ➢ Avec ces nouvelles technologies, les interactions sont plus naturelles et paradoxalement difficile à concevoir… Mais les méthodes restent les mêmes. ➢ Il y a toujours une solution pour réaliser des tests utilisateurs malgré les contraintes. ➢ Tout est à faire : votre travail d’aujourd’hui deviendra peut-être le standard de demain. Alexia Buclet
  • 35. Les nouvelles technologies ont besoin d'UX Designers pour être utilisées par leur cible : l'Humain. Alexia Buclet
  • 36. Avez-vous des questions ? @AlexiaBuclet Minsight.co