UX Days 2019 - Journée des Conférences du vendredi 21 juin 2019 - Conférence de Alexia Buclet : Conception d'interfaces immersives pour la réalité virtuelle et augmentée : découverte d'un cas pratique.

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. 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. ➢ 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. L’UX Design en VR/AR
Alexia Buclet

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. 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. 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. 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. 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. Un cas pratique : l’import
Alexia Buclet

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. 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. En VR/AR
➢ Importer l’élément devant l’utilisateur à une distance confortable.
Alexia Buclet

14. Mouvement de l’utilisateur
➢ Mais si l’utilisateur tourne la tête au moment de l’import ?
Alexia Buclet

15. Taille de l’élément
➢ Mais si l’élément importé est très grand ?
Alexia Buclet

16. Taille de l’élément
➢ Mais si l’élément importé est très petit ?
Alexia Buclet

17. Environnement
➢ Mais s’il y a un mur devant l’utilisateur ?
Alexia Buclet

18. Déplacement de l’utilisateur
➢ Mais si le chargement prend un peu de temps… et l’utilisateur
se déplace ?
Alexia Buclet

19. Attention de l’utilisateur
➢ Mais si le chargement prend un peu de temps… et qu’il y a une
erreur ?
Alexia Buclet

20. Exemples de problèmes concrets
Alexia Buclet

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. Les challenges
des interfaces immersives
Alexia Buclet

23. ➢ Avec une dimension en plus et les appareils immersifs actuels
arrive une multitude de nouveaux challenges à relever !
Alexia Buclet

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. @AlexiaBuclet
Minsar.app