Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Conception d’Interfaces Immersives pour la
VR/AR :
Découverte d’un Cas Pratique
Alexia Buclet
Design Ops Director & UX Des...
Continuité avec l’année dernière…
➢ “L’UX Design dans les Nouvelles Technologies”
➢ Réalité Virtuelle, Augmentée et “Mixte...
➢ Anciennement Minsight, logiciel de création d’expériences en AR/VR : directement dans
l’appareil en WYSIWYG et sans comp...
L’UX Design en VR/AR
Alexia Buclet
UX Design à 360°
➢ Affichage autour de l’utilisateur
➢ Champ de vision = écran en mouvement
➢ Adapter l’interface au conte...
UX Design en 3D
➢ Une nouvelle dimension : la profondeur
➢ Distance à l’utilisateur : confort et lisibilité
➢ Distance ent...
UX Design immersif
➢ Casques AR/VR : interface affichée dans un monde immersif (virtuel
ou physique)
➢ Respecter les règle...
UX Design immersif
➢ Casques AR/VR : interface affichée dans un monde immersif (virtuel
ou physique)
➢ Limiter la fatigue ...
UX Design dans un monde dynamique
➢ Prendre en compte l’environnement (virtuel ou physique)
➢ Eviter les conflits possible...
Un cas pratique : l’import
Alexia Buclet
Importer des fichiers
1. Choisir l’élément
2. Le télécharger
3. Placer l’élément dans l’espace de travail
Alexia Buclet
2D : l’exemple de PowerPoint
➢ 2 cas possibles en important une image :
➢ Image plus petite que la diapositive
➢ Image plu...
En VR/AR
➢ Importer l’élément devant l’utilisateur à une distance confortable.
Alexia Buclet
Mouvement de l’utilisateur
➢ Mais si l’utilisateur tourne la tête au moment de l’import ?
Alexia Buclet
Taille de l’élément
➢ Mais si l’élément importé est très grand ?
Alexia Buclet
Taille de l’élément
➢ Mais si l’élément importé est très petit ?
Alexia Buclet
Environnement
➢ Mais s’il y a un mur devant l’utilisateur ?
Alexia Buclet
Déplacement de l’utilisateur
➢ Mais si le chargement prend un peu de temps… et l’utilisateur se
déplace ?
Alexia Buclet
Attention de l’utilisateur
➢ Mais si le chargement prend un peu de temps… et qu’il y a une
erreur ?
Alexia Buclet
Exemples de problèmes concrets
Alexia Buclet
Pour vous aider
➢ Utilisez le monde physique pour concevoir le virtuel immersif :
➢ Concevez en immersion
➢ Faites des Pro...
Les challenges
des interfaces immersives
Alexia Buclet
➢ Avec une dimension en plus et les appareils immersifs actuels arrive
une multitude de nouveaux challenges à relever !
Al...
➢ Ces challenges ne doivent pas se reporter sur l’utilisateur, mais sur
l’équipe de conception/développement :
➢ Adaptez v...
@AlexiaBuclet
Minsar.app
Prochain SlideShare
Chargement dans…5
×

Conception d'interfaces immersives pour la réalité virtuelle et augmentée - Alexia Buclet

195 vues

Publié le

Les slides de la conférence faite lors des FLUPA UX Days 2019.

Publié dans : Design
  • Soyez le premier à commenter

Conception d'interfaces immersives pour la réalité virtuelle et augmentée - Alexia Buclet

  1. 1. Conception d’Interfaces Immersives pour la VR/AR : Découverte d’un Cas Pratique Alexia Buclet Design Ops Director & UX Designer Minsar.app @AlexiaBuclet 21/06/2019
  2. 2. Continuité avec l’année dernière… ➢ “L’UX Design dans les Nouvelles Technologies” ➢ Réalité Virtuelle, Augmentée et “Mixte” Alexia Buclet © Magic Leap
  3. 3. ➢ Anciennement Minsight, logiciel de création d’expériences en AR/VR : directement dans l’appareil en WYSIWYG et sans compétence en développement. Minsar Alexia Buclet Bêta :
  4. 4. L’UX Design en VR/AR Alexia Buclet
  5. 5. UX Design à 360° ➢ Affichage autour de l’utilisateur ➢ Champ de vision = écran en mouvement ➢ Adapter l’interface au contexte Alexia Buclet 60° 20° 12° 40° 47°47° 77° 77° 102°102°
  6. 6. UX Design en 3D ➢ Une nouvelle dimension : la profondeur ➢ Distance à l’utilisateur : confort et lisibilité ➢ Distance entre les éléments ➢ Différents espaces d’affichage Alexia Buclet 20m : limite perception du relief 0.5m 1.5m : popup 2-3m : menu10m : limite perception forte du relief
  7. 7. UX Design immersif ➢ Casques AR/VR : interface affichée dans un monde immersif (virtuel ou physique) ➢ Respecter les règles de la physique… ➢ … Tout en proposant des interactions magiques ➢ Guider l’utilisateur Alexia Buclet
  8. 8. UX Design immersif ➢ Casques AR/VR : interface affichée dans un monde immersif (virtuel ou physique) ➢ Limiter la fatigue physique ➢ Prendre en compte l’infinité de positionnement de l’utilisateur ➢ Respecter l’espace personnel Alexia Buclet
  9. 9. UX Design dans un monde dynamique ➢ Prendre en compte l’environnement (virtuel ou physique) ➢ Eviter les conflits possibles ➢ Intégrer les éléments ➢ Adapter selon les évolutions possibles et du contexte Alexia Buclet
  10. 10. Un cas pratique : l’import Alexia Buclet
  11. 11. Importer des fichiers 1. Choisir l’élément 2. Le télécharger 3. Placer l’élément dans l’espace de travail Alexia Buclet
  12. 12. 2D : l’exemple de PowerPoint ➢ 2 cas possibles en important une image : ➢ Image plus petite que la diapositive ➢ Image plus grande que la diapositive ➢ Choix des designers : ➢ Utiliser la taille d’origine ➢ Si trop grande : s’adapte à la taille de la diapo ➢ Si la taille de la diapo est modifiée : choix à l’utilisateur Alexia Buclet
  13. 13. En VR/AR ➢ Importer l’élément devant l’utilisateur à une distance confortable. Alexia Buclet
  14. 14. Mouvement de l’utilisateur ➢ Mais si l’utilisateur tourne la tête au moment de l’import ? Alexia Buclet
  15. 15. Taille de l’élément ➢ Mais si l’élément importé est très grand ? Alexia Buclet
  16. 16. Taille de l’élément ➢ Mais si l’élément importé est très petit ? Alexia Buclet
  17. 17. Environnement ➢ Mais s’il y a un mur devant l’utilisateur ? Alexia Buclet
  18. 18. Déplacement de l’utilisateur ➢ Mais si le chargement prend un peu de temps… et l’utilisateur se déplace ? Alexia Buclet
  19. 19. Attention de l’utilisateur ➢ Mais si le chargement prend un peu de temps… et qu’il y a une erreur ? Alexia Buclet
  20. 20. Exemples de problèmes concrets Alexia Buclet
  21. 21. Pour vous aider ➢ Utilisez le monde physique pour concevoir le virtuel immersif : ➢ Concevez en immersion ➢ Faites des Proofs of Concept pour itérer facilement. Alexia Buclet Objets physiques Un mètre
  22. 22. Les challenges des interfaces immersives Alexia Buclet
  23. 23. ➢ Avec une dimension en plus et les appareils immersifs actuels arrive une multitude de nouveaux challenges à relever ! Alexia Buclet
  24. 24. ➢ Ces challenges ne doivent pas se reporter sur l’utilisateur, mais sur l’équipe de conception/développement : ➢ Adaptez votre manière de penser et vos outils. ➢ Soyez attentifs aux choix pris dans les expériences que vous essayez. ➢ Apprenez des autres métiers déjà spécialisés en 3D. Alexia Buclet
  25. 25. @AlexiaBuclet Minsar.app

×