SlideShare a Scribd company logo
Building Usable AR Interfaces

         Mark Billinghurst
           HIT Lab NZ
     University of Canterbury
The Vision of AR
To Make the Vision Real..
  Hardware/software requirements
    Contact lens displays
    Free space hand/body tracking
    Speech/gesture recognition
    Etc..
  Most importantly
    Usability
Usability Issues
  Perception
     How to make images appear part of real world?
  Interaction
     How to pick content in mid air?
  Social
     Do I look stupid?
  Cultural
     Wave up or down?
  Cognitive
     How do I remember where everything is?
“The product is no longer
  the basis of value. The
      experience is.”

            Venkat Ramaswamy
    The Future of Competition.
Gilmore + Pine: Experience Economy

          experiences       Emotion



            services
Value




         products/tools

                            Function
          components
Build Experiences NOT Applications!
Building Compelling AR Experiences

 ??       experiences
                         Usability

          applications   Interaction


             tools       Authoring


          components     Tracking, Display



                                       Sony CSL © 2004
The Interaction Design Process
Understand Your Users
  Workshops or focus groups
     Group interviews/activities
  Observations
     Spending time with users in day to day tasks
  Questionnaires
     Looking for specific information
  Interviews
     Good for exploring issues, using props
  Documentation
     Procedures and rules written down in manuals
Consider the Whole User
AR as Perception Problem
  Goal of AR to fool human senses – create
   illusion that real and virtual are merged
  Depth
    Size
    Occlusion
    Shadows
    Relative motion
    Etc..
Building Usable AR Interfaces
TAT Augmented ID
Building Usable AR Interfaces
Building Usable AR Interfaces
AR Rapid Development

Prototyping and User Testing
 Low Fidelity Prototyping
  Sketches
  Paper Prototyping
  Post-It Prototyping
  PowerPoint Prototyping



 High Fidelity Prototyping
  Wikitude, Junaio, Layar, BuildAR etc
POST IT PROTOTYPING
Camera	
  View	
  with	
  3D	
  




First	
  Dra)	
                      Second	
  Dra)	
                          Third	
  Dra)	
  
                                     • 	
  Selec8on	
  highlighted	
  in	
     • 	
  Home	
  bu=on	
  added	
  for	
  
                                     blue	
                                    easy	
  naviga8on	
  to	
  main	
  
                                                                               menu	
  
POWERPOINT PROTOTYPING
          Benefits	
  	
  
          • 	
  Used	
  for	
  User	
  Tes8ng	
  
          • 	
  Interac8ve	
  
          • 	
  Func8onali8es	
  work	
  when	
  following	
  the	
  story	
  of	
  
          Scenario	
  1	
  
          • 	
  Quick	
  
          • 	
  Easy	
  arrangement	
  of	
  slides	
  


          User	
  Tes8ng	
  
          • 	
  Par8cipants	
  found	
  
          • 	
  15	
  minute	
  sessions	
  screen	
  captured	
  
          • 	
  ‘ Talk	
  Allowed’	
  technique	
  used	
  	
  
          • 	
  Notes	
  taken	
  
          • 	
  Post-­‐Interview	
  
BuildAR




    http://www.buildar.org/
    Stand alone application
    Visual interface for AR model viewing application
    Enables non-programmers to build AR scenes
  Interface Components
    Physical components
    Display elements
     -  Visual/audio
    Interaction metaphor

     Physical                        Display
     Elements                        Elements
                       Interaction
                       Metaphor
         Input                        Output
AR Design Space

    Reality                            Virtual Reality

                  Augmented Reality




Physical Design                       Virtual Design
AR Lens Design Principles
  Physical Components
    Lens handle
     -  Virtual lens attached to real object
  Display Elements
    Lens view
     -  Reveal layers in dataset
  Interaction Metaphor
    Physically holding lens
AR Chemistry (Fjeld 2002)
  Tangible AR chemistry education
Case Study: LevelHead




  Block based game
Case Study: LevelHead
  Physical Components
    Real blocks
  Display Elements
    Virtual person and rooms
  Interaction Metaphor
    Blocks are rooms
Building Usable AR Interfaces
Goal: An AR application to test molecular
 structure in chemistry
  Physical Components
    Real book, rotation cube, scoop, tracking markers
  Display Elements
    AR atoms and molecules
  Interaction Metaphor
    Build your own molecule
AR Chemistry Input Devices
Building Usable AR Interfaces
Natural Hand Interaction




  Using bare hands to interact with AR content
    MS Kinect depth sensing
    Real time hand tracking
    Physics based simulation model
Evaluation
  Need for more evaluation
    2008 -10% AR papers in IEEE, ACM had any evaluation
  Informal
    Pilot, ‘quick and dirty’
  Formal
    Lab studies, field studies, heuristic
2D vs. AR Navigation?




        VS
HIT Lab NZ Test Platform – AR View
HIT Lab NZ Platform – Map View
Distance and Time




No significant differences
Paths Travelled
                    Red – AR
                    Blue – AR + Map
                    Yellow - Map
Navigation Behaviour
            Depends on interface
              Map doesn’t show
               short cuts
Survey Responses
User Comments
  AR
    “you don't know exactly where you are all of the time.”
    “using AR I found it difficult to see where I was going”
  Map
    “you were able to get a sense of where you were”
    “you are actually able to see the physical objects around you”
  AR+MAP
    “I used the map at the beginning to understand where the
     buildings were and the AR between each point”
    “You can choose a direction with AR and find the shortest way
     using the map.”
Building Usable AR Interfaces
  Understand user needs
    Consider whole user needs
     -  Physical, emotional, cognitive, social, cultural
    Perceptual issues
  Design for those needs
    Rapid prototyping
    Virtual, physical elements, interaction metaphor
  Test your design
    Formal, informal testing
More Information

•  Mark Billinghurst
  –  mark.billinghurst@hitlabnz.org
•  Website
  –  www.hitlabnz.org
  –  www.buildar.org

More Related Content

PDF
2013 Lecture4: Designing AR Interfaces
PDF
426 Lecture 9: Research Directions in AR
PDF
426 lecture 7: Designing AR Interfaces
PDF
426 lecture 4: AR Developer Tools
PDF
Introduction to Interaction Design
PDF
SVR2011 Keynote
PDF
Advanced Methods for User Evaluation in Enterprise AR
PDF
Tangible AR Interface
2013 Lecture4: Designing AR Interfaces
426 Lecture 9: Research Directions in AR
426 lecture 7: Designing AR Interfaces
426 lecture 4: AR Developer Tools
Introduction to Interaction Design
SVR2011 Keynote
Advanced Methods for User Evaluation in Enterprise AR
Tangible AR Interface

What's hot (15)

PDF
COSC 426 Lect. 6: Collaborative AR
PDF
Tangible A
PDF
Teaching with Digital Sketch
PDF
IRJET- 3D Hologram Virtual Personal Assistant using Cloud Services : A Survey
PPT
HCI 3e - Ch 20: Ubiquitous computing and augmented realities
PPTX
Assignment of Design Research Method (Chen Mengdie)
PPTX
Mobile Prototyping Essentials Workshop: Part 1
PDF
Kokonohanashi Project Update
PDF
Interaction Paradigms
PDF
Ana Amorim
PPT
Multimedia Information Retrieval: What is it, and why isn't ...
PDF
User Experience Design Fundamentals - Part 1: Users & Goals
PDF
Face Recognition & Detection Using Image Processing
PDF
IRJET- CARES (Computerized Avatar for Rhetorical & Emotional Supervision)
PDF
The Power of Visual Content
COSC 426 Lect. 6: Collaborative AR
Tangible A
Teaching with Digital Sketch
IRJET- 3D Hologram Virtual Personal Assistant using Cloud Services : A Survey
HCI 3e - Ch 20: Ubiquitous computing and augmented realities
Assignment of Design Research Method (Chen Mengdie)
Mobile Prototyping Essentials Workshop: Part 1
Kokonohanashi Project Update
Interaction Paradigms
Ana Amorim
Multimedia Information Retrieval: What is it, and why isn't ...
User Experience Design Fundamentals - Part 1: Users & Goals
Face Recognition & Detection Using Image Processing
IRJET- CARES (Computerized Avatar for Rhetorical & Emotional Supervision)
The Power of Visual Content
Ad

Viewers also liked (20)

PDF
COMP 4026 - Lecture 1
PDF
COMP 4010 Lecture10: AR Tracking
PDF
COMP 4010: Lecture11 AR Interaction
PDF
Designing Outstanding AR Experiences
PDF
Building AR and VR Experiences
PDF
Building VR Applications For Google Cardboard
PDF
ARE 2011 AR Authoring
PDF
Creating Immersive and Empathic Learning Experiences
PDF
Spatial Audio for Augmented Reality
PDF
Mobile AR lecture 9 - Mobile AR Interface Design
PDF
May the Force be with You
PDF
2013 Lecture 5: AR Tools and Interaction
PDF
2013 426 Lecture 2: Augmented Reality Technology
PDF
2016 AR Summer School Lecture3
PDF
COMP 4010 Lecture9 AR Displays
PDF
Mobile AR Lecture6 - Introduction to Unity 3D
PDF
Using AR for Vehicle Navigation
PDF
Rapid Prototyping For Augmented Reality
PDF
AR-VR Workshop
PDF
AR in Education
COMP 4026 - Lecture 1
COMP 4010 Lecture10: AR Tracking
COMP 4010: Lecture11 AR Interaction
Designing Outstanding AR Experiences
Building AR and VR Experiences
Building VR Applications For Google Cardboard
ARE 2011 AR Authoring
Creating Immersive and Empathic Learning Experiences
Spatial Audio for Augmented Reality
Mobile AR lecture 9 - Mobile AR Interface Design
May the Force be with You
2013 Lecture 5: AR Tools and Interaction
2013 426 Lecture 2: Augmented Reality Technology
2016 AR Summer School Lecture3
COMP 4010 Lecture9 AR Displays
Mobile AR Lecture6 - Introduction to Unity 3D
Using AR for Vehicle Navigation
Rapid Prototyping For Augmented Reality
AR-VR Workshop
AR in Education
Ad

Similar to Building Usable AR Interfaces (20)

PDF
2022 COMP4010 Lecture5: AR Prototyping
PDF
Designing Augmented Reality Experiences
PDF
2013 Lecture 6: AR User Interface Design Guidelines
PDF
COSC 426 lect. 4: AR Interaction
PDF
Comp4010 Lecture8 Introduction to VR
PDF
Guerrilla Usability: Insight on a Shoestring
PDF
Natural Interaction for Augmented Reality Applications
PDF
Comp4010 lecture6 Prototyping
PDF
COMP 4010 Lecture 9 AR Interaction
PDF
Comp4010 Lecture7 Designing AR Systems
PDF
MHIT 603: Lecture 3 - Prototyping Tools
PDF
2022 COMP4010 Lecture 6: Designing AR Systems
PDF
MHIT 603: Introduction to Interaction Design
PDF
Designing UX for the Internet of Things
PPTX
How to visualize your AR idea by Rapid Prototype
PDF
Storytelling using Immersive Technologies
PDF
Rapid Prototyping for XR: Lecture 6 - AI for Prototyping and Research Directi...
PPT
Importance of User eXperience
PDF
2016 AR Summer School - Lecture 5
PPT
INTRODUCTION to USER EXPERIENCE
2022 COMP4010 Lecture5: AR Prototyping
Designing Augmented Reality Experiences
2013 Lecture 6: AR User Interface Design Guidelines
COSC 426 lect. 4: AR Interaction
Comp4010 Lecture8 Introduction to VR
Guerrilla Usability: Insight on a Shoestring
Natural Interaction for Augmented Reality Applications
Comp4010 lecture6 Prototyping
COMP 4010 Lecture 9 AR Interaction
Comp4010 Lecture7 Designing AR Systems
MHIT 603: Lecture 3 - Prototyping Tools
2022 COMP4010 Lecture 6: Designing AR Systems
MHIT 603: Introduction to Interaction Design
Designing UX for the Internet of Things
How to visualize your AR idea by Rapid Prototype
Storytelling using Immersive Technologies
Rapid Prototyping for XR: Lecture 6 - AI for Prototyping and Research Directi...
Importance of User eXperience
2016 AR Summer School - Lecture 5
INTRODUCTION to USER EXPERIENCE

More from Mark Billinghurst (20)

PDF
Empathic Computing: Creating Shared Understanding
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Rapid Prototyping for XR: Lecture 5 - Cross Platform Development
PDF
Rapid Prototyping for XR: Lecture 4 - High Level Prototyping.
PDF
Rapid Prototyping for XR: Lecture 3 - Video and Paper Prototyping
PDF
Rapid Prototyping for XR: Lecture 2 - Low Fidelity Prototyping.
PDF
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
PDF
Research Directions in Heads-Up Computing
PDF
IVE 2024 Short Course - Lecture18- Hacking Emotions in VR Collaboration.
PDF
IVE 2024 Short Course - Lecture13 - Neurotechnology for Enhanced Interaction ...
PDF
IVE 2024 Short Course Lecture15 - Measuring Cybersickness
PDF
IVE 2024 Short Course - Lecture14 - Evaluation
PDF
IVE 2024 Short Course - Lecture12 - OpenVibe Tutorial
PDF
IVE 2024 Short Course Lecture10 - Multimodal Emotion Recognition in Conversat...
PDF
IVE 2024 Short Course Lecture 9 - Empathic Computing in VR
PDF
IVE 2024 Short Course - Lecture 8 - Electroencephalography (EEG) Basics
PDF
IVE 2024 Short Course - Lecture16- Cognixion Axon-R
PDF
IVE 2024 Short Course - Lecture 2 - Fundamentals of Perception
PDF
Research Directions for Cross Reality Interfaces
PDF
The Metaverse: Are We There Yet?
Empathic Computing: Creating Shared Understanding
Reach Out and Touch Someone: Haptics and Empathic Computing
Rapid Prototyping for XR: Lecture 5 - Cross Platform Development
Rapid Prototyping for XR: Lecture 4 - High Level Prototyping.
Rapid Prototyping for XR: Lecture 3 - Video and Paper Prototyping
Rapid Prototyping for XR: Lecture 2 - Low Fidelity Prototyping.
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
Research Directions in Heads-Up Computing
IVE 2024 Short Course - Lecture18- Hacking Emotions in VR Collaboration.
IVE 2024 Short Course - Lecture13 - Neurotechnology for Enhanced Interaction ...
IVE 2024 Short Course Lecture15 - Measuring Cybersickness
IVE 2024 Short Course - Lecture14 - Evaluation
IVE 2024 Short Course - Lecture12 - OpenVibe Tutorial
IVE 2024 Short Course Lecture10 - Multimodal Emotion Recognition in Conversat...
IVE 2024 Short Course Lecture 9 - Empathic Computing in VR
IVE 2024 Short Course - Lecture 8 - Electroencephalography (EEG) Basics
IVE 2024 Short Course - Lecture16- Cognixion Axon-R
IVE 2024 Short Course - Lecture 2 - Fundamentals of Perception
Research Directions for Cross Reality Interfaces
The Metaverse: Are We There Yet?

Recently uploaded (20)

PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Mushroom cultivation and it's methods.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PPTX
1. Introduction to Computer Programming.pptx
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
cloud_computing_Infrastucture_as_cloud_p
PDF
project resource management chapter-09.pdf
PDF
Encapsulation theory and applications.pdf
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
Programs and apps: productivity, graphics, security and other tools
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
1 - Historical Antecedents, Social Consideration.pdf
NewMind AI Weekly Chronicles - August'25-Week II
Mushroom cultivation and it's methods.pdf
Encapsulation_ Review paper, used for researhc scholars
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
1. Introduction to Computer Programming.pptx
Zenith AI: Advanced Artificial Intelligence
Enhancing emotion recognition model for a student engagement use case through...
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
cloud_computing_Infrastucture_as_cloud_p
project resource management chapter-09.pdf
Encapsulation theory and applications.pdf
A comparative analysis of optical character recognition models for extracting...
Building Integrated photovoltaic BIPV_UPV.pdf
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...

Building Usable AR Interfaces

  • 1. Building Usable AR Interfaces Mark Billinghurst HIT Lab NZ University of Canterbury
  • 3. To Make the Vision Real..   Hardware/software requirements   Contact lens displays   Free space hand/body tracking   Speech/gesture recognition   Etc..   Most importantly   Usability
  • 4. Usability Issues   Perception   How to make images appear part of real world?   Interaction   How to pick content in mid air?   Social   Do I look stupid?   Cultural   Wave up or down?   Cognitive   How do I remember where everything is?
  • 5. “The product is no longer the basis of value. The experience is.” Venkat Ramaswamy The Future of Competition.
  • 6. Gilmore + Pine: Experience Economy experiences Emotion services Value products/tools Function components
  • 7. Build Experiences NOT Applications!
  • 8. Building Compelling AR Experiences ?? experiences Usability applications Interaction tools Authoring components Tracking, Display Sony CSL © 2004
  • 10. Understand Your Users   Workshops or focus groups   Group interviews/activities   Observations   Spending time with users in day to day tasks   Questionnaires   Looking for specific information   Interviews   Good for exploring issues, using props   Documentation   Procedures and rules written down in manuals
  • 12. AR as Perception Problem   Goal of AR to fool human senses – create illusion that real and virtual are merged   Depth   Size   Occlusion   Shadows   Relative motion   Etc..
  • 17. AR Rapid Development Prototyping and User Testing  Low Fidelity Prototyping  Sketches  Paper Prototyping  Post-It Prototyping  PowerPoint Prototyping  High Fidelity Prototyping  Wikitude, Junaio, Layar, BuildAR etc
  • 18. POST IT PROTOTYPING Camera  View  with  3D   First  Dra)   Second  Dra)   Third  Dra)   •   Selec8on  highlighted  in   •   Home  bu=on  added  for   blue   easy  naviga8on  to  main   menu  
  • 19. POWERPOINT PROTOTYPING Benefits     •   Used  for  User  Tes8ng   •   Interac8ve   •   Func8onali8es  work  when  following  the  story  of   Scenario  1   •   Quick   •   Easy  arrangement  of  slides   User  Tes8ng   •   Par8cipants  found   •   15  minute  sessions  screen  captured   •   ‘ Talk  Allowed’  technique  used     •   Notes  taken   •   Post-­‐Interview  
  • 20. BuildAR   http://www.buildar.org/   Stand alone application   Visual interface for AR model viewing application   Enables non-programmers to build AR scenes
  • 21.   Interface Components   Physical components   Display elements -  Visual/audio   Interaction metaphor Physical Display Elements Elements Interaction Metaphor Input Output
  • 22. AR Design Space Reality Virtual Reality Augmented Reality Physical Design Virtual Design
  • 23. AR Lens Design Principles   Physical Components   Lens handle -  Virtual lens attached to real object   Display Elements   Lens view -  Reveal layers in dataset   Interaction Metaphor   Physically holding lens
  • 24. AR Chemistry (Fjeld 2002)   Tangible AR chemistry education
  • 25. Case Study: LevelHead   Block based game
  • 26. Case Study: LevelHead   Physical Components   Real blocks   Display Elements   Virtual person and rooms   Interaction Metaphor   Blocks are rooms
  • 28. Goal: An AR application to test molecular structure in chemistry   Physical Components   Real book, rotation cube, scoop, tracking markers   Display Elements   AR atoms and molecules   Interaction Metaphor   Build your own molecule
  • 31. Natural Hand Interaction   Using bare hands to interact with AR content   MS Kinect depth sensing   Real time hand tracking   Physics based simulation model
  • 32. Evaluation   Need for more evaluation   2008 -10% AR papers in IEEE, ACM had any evaluation   Informal   Pilot, ‘quick and dirty’   Formal   Lab studies, field studies, heuristic
  • 33. 2D vs. AR Navigation? VS
  • 34. HIT Lab NZ Test Platform – AR View
  • 35. HIT Lab NZ Platform – Map View
  • 36. Distance and Time No significant differences
  • 37. Paths Travelled   Red – AR   Blue – AR + Map   Yellow - Map
  • 38. Navigation Behaviour   Depends on interface   Map doesn’t show short cuts
  • 40. User Comments   AR   “you don't know exactly where you are all of the time.”   “using AR I found it difficult to see where I was going”   Map   “you were able to get a sense of where you were”   “you are actually able to see the physical objects around you”   AR+MAP   “I used the map at the beginning to understand where the buildings were and the AR between each point”   “You can choose a direction with AR and find the shortest way using the map.”
  • 41. Building Usable AR Interfaces   Understand user needs   Consider whole user needs -  Physical, emotional, cognitive, social, cultural   Perceptual issues   Design for those needs   Rapid prototyping   Virtual, physical elements, interaction metaphor   Test your design   Formal, informal testing
  • 42. More Information •  Mark Billinghurst –  mark.billinghurst@hitlabnz.org •  Website –  www.hitlabnz.org –  www.buildar.org