SlideShare a Scribd company logo
1 of 23
Download to read offline
Design for AR &
Build an AR app
Kumar Ahir - Jul 18
About myself
@kernel_kumar
kumar.ahir@gmail.com
Interaction Design, IDC
MahaWar - strategy board game
OoBI alpha - first multitouch
CISCO, Microsoft, Symantec
OoBI - Out of Box Interactions -
oobi.in
Exit to PropTiger
6 month startup
Now…
Interior
Designer
Questions
AR for disabled
AR/VR without devices
AR for wearables
Handy AR hardware for explorations
Building AR mockup
Content
Difference between AR and VR and XR
Devices - Hardware
Applications - Consumer and Business
Technology standards
Design fundamentals
Let’s do it !!!
VR | AR | MR | XR
Understand the difference
Virtual Augmented Mixed Extended
Virtual
Immersive
Block the real world
Teleport to a new world and time
Part of simulation
Augmented
Overlay information
View the real world
Present in time and space
Part of real world
Design Fundamentals Mobile AR
Single Hand use
Still a WINDOW - you can move around
3d in Flat screen
Interactions attached to world UI and not flat screen
Prompt to move around
Visual affordances to interactive elements
Design Fundamentals Mobile AR
Interactions and information based on Proximity
Portals - door to VR
Minimal animation which are grounded to plane
Add Text with background - solid or translucent
Feedback - sound, haptics
Embed a story, not just 3d popup
Everything is placed on a reference Plane
User onboarding every time for first 10 times
Tap
Swipe
Pinch
Voice
Facial expressions (ARKit)
Phone Gestures - Shake/Tilt
Air Gesture - Hand
Interactions
Technology
Unity
ARCore
ARKit
Vuforia
Marker based
Markerless
2D Image Tracking
Environment scanning
3d Object perception
Face AR
Body AR
Let’s Create !
Vuforia
Unity
Photoshop
Let’s Design
Let’s create
We are hiring
Front End Developer
Virtual Reality Programmers
3d Artist
UI Designer
UX Researcher
Flexible work hours
Equity options
Monthly Team activity
Lucrative package
Resources
AR in Action - Youtube channel
references
Finding FOV the easy way - http://doc-ok.org/?p=1274
https://www.blog.google/products/google-ar-vr/best-practic
es-mobile-ar-design/
https://code.likeagirl.io/design-lessons-from-mobile-ar-experiments-b32ea3f42bb
https://uxdesign.cc/the-principles-of-good-user-experience-design-for-augmented-reality-d8e22777
aabd

More Related Content

Similar to Build an AR app

Immersive_technologies.pptx
Immersive_technologies.pptxImmersive_technologies.pptx
Immersive_technologies.pptxjohn6938
 
Introduction to Extended Reality - XR
Introduction to Extended Reality - XRIntroduction to Extended Reality - XR
Introduction to Extended Reality - XRKumar Ahir
 
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final KeynoteRockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final KeynoteVerold
 
Professional Certificate in XR Immersive
Professional Certificate in XR ImmersiveProfessional Certificate in XR Immersive
Professional Certificate in XR ImmersiveJeniferJenkins2
 
Augmented reality : Possibilities and Challenges - An IEEE talk at DA-IICT
Augmented reality : Possibilities and Challenges - An IEEE talk at DA-IICTAugmented reality : Possibilities and Challenges - An IEEE talk at DA-IICT
Augmented reality : Possibilities and Challenges - An IEEE talk at DA-IICTParth Darji
 
AR VR Meetup in Göteborg 2017-12-06
 AR VR Meetup in Göteborg 2017-12-06 AR VR Meetup in Göteborg 2017-12-06
AR VR Meetup in Göteborg 2017-12-06Carl Henrikson
 
SharePoint Saturday Vietnam 8th - sharepoint and the internet of thing
SharePoint Saturday Vietnam 8th - sharepoint and the internet of thingSharePoint Saturday Vietnam 8th - sharepoint and the internet of thing
SharePoint Saturday Vietnam 8th - sharepoint and the internet of thingTerrence Nguyen
 
Sxsw infonl .compressed
Sxsw infonl .compressedSxsw infonl .compressed
Sxsw infonl .compressedInfo.nl
 
Comp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR SystemsComp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR SystemsMark Billinghurst
 
10 upcoming-technology-that-may-change-the-world
10 upcoming-technology-that-may-change-the-world10 upcoming-technology-that-may-change-the-world
10 upcoming-technology-that-may-change-the-worldCarlo Mabini Bayo
 
10 upcoming-technology-that-may-change-the-world
10 upcoming-technology-that-may-change-the-world10 upcoming-technology-that-may-change-the-world
10 upcoming-technology-that-may-change-the-worldCarlo Mabini Bayo
 
Peter Meier, CTO Metaio, @ AWE 2013 "Always On, Always Augmented"
Peter Meier, CTO Metaio, @ AWE 2013 "Always On, Always Augmented" Peter Meier, CTO Metaio, @ AWE 2013 "Always On, Always Augmented"
Peter Meier, CTO Metaio, @ AWE 2013 "Always On, Always Augmented" metaioUS
 
HandsOnMobil
HandsOnMobilHandsOnMobil
HandsOnMobilargency
 
2013 426 Lecture 2: Augmented Reality Technology
2013 426 Lecture 2:  Augmented Reality Technology2013 426 Lecture 2:  Augmented Reality Technology
2013 426 Lecture 2: Augmented Reality TechnologyMark Billinghurst
 
COSC 426 Lecture 1: Introduction to Augmented Reality
COSC 426 Lecture 1: Introduction to Augmented RealityCOSC 426 Lecture 1: Introduction to Augmented Reality
COSC 426 Lecture 1: Introduction to Augmented RealityMark Billinghurst
 
The Future of Human Machine Interfaces (HMI)
The Future of Human Machine Interfaces (HMI)The Future of Human Machine Interfaces (HMI)
The Future of Human Machine Interfaces (HMI)Daniel Zahler
 
The Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay aheadThe Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay aheadDoralin Kelly
 

Similar to Build an AR app (20)

SVR2011 Keynote
SVR2011 KeynoteSVR2011 Keynote
SVR2011 Keynote
 
Immersive_technologies.pptx
Immersive_technologies.pptxImmersive_technologies.pptx
Immersive_technologies.pptx
 
Introduction to Extended Reality - XR
Introduction to Extended Reality - XRIntroduction to Extended Reality - XR
Introduction to Extended Reality - XR
 
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final KeynoteRockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
 
Professional Certificate in XR Immersive
Professional Certificate in XR ImmersiveProfessional Certificate in XR Immersive
Professional Certificate in XR Immersive
 
Augmented reality : Possibilities and Challenges - An IEEE talk at DA-IICT
Augmented reality : Possibilities and Challenges - An IEEE talk at DA-IICTAugmented reality : Possibilities and Challenges - An IEEE talk at DA-IICT
Augmented reality : Possibilities and Challenges - An IEEE talk at DA-IICT
 
AR VR Meetup in Göteborg 2017-12-06
 AR VR Meetup in Göteborg 2017-12-06 AR VR Meetup in Göteborg 2017-12-06
AR VR Meetup in Göteborg 2017-12-06
 
AR/VR basics
AR/VR basicsAR/VR basics
AR/VR basics
 
SharePoint Saturday Vietnam 8th - sharepoint and the internet of thing
SharePoint Saturday Vietnam 8th - sharepoint and the internet of thingSharePoint Saturday Vietnam 8th - sharepoint and the internet of thing
SharePoint Saturday Vietnam 8th - sharepoint and the internet of thing
 
Sxsw infonl .compressed
Sxsw infonl .compressedSxsw infonl .compressed
Sxsw infonl .compressed
 
Comp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR SystemsComp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR Systems
 
10 upcoming-technology-that-may-change-the-world
10 upcoming-technology-that-may-change-the-world10 upcoming-technology-that-may-change-the-world
10 upcoming-technology-that-may-change-the-world
 
10 upcoming-technology-that-may-change-the-world
10 upcoming-technology-that-may-change-the-world10 upcoming-technology-that-may-change-the-world
10 upcoming-technology-that-may-change-the-world
 
Peter Meier, CTO Metaio, @ AWE 2013 "Always On, Always Augmented"
Peter Meier, CTO Metaio, @ AWE 2013 "Always On, Always Augmented" Peter Meier, CTO Metaio, @ AWE 2013 "Always On, Always Augmented"
Peter Meier, CTO Metaio, @ AWE 2013 "Always On, Always Augmented"
 
HandsOnMobil
HandsOnMobilHandsOnMobil
HandsOnMobil
 
SpaceTime XR
SpaceTime XRSpaceTime XR
SpaceTime XR
 
2013 426 Lecture 2: Augmented Reality Technology
2013 426 Lecture 2:  Augmented Reality Technology2013 426 Lecture 2:  Augmented Reality Technology
2013 426 Lecture 2: Augmented Reality Technology
 
COSC 426 Lecture 1: Introduction to Augmented Reality
COSC 426 Lecture 1: Introduction to Augmented RealityCOSC 426 Lecture 1: Introduction to Augmented Reality
COSC 426 Lecture 1: Introduction to Augmented Reality
 
The Future of Human Machine Interfaces (HMI)
The Future of Human Machine Interfaces (HMI)The Future of Human Machine Interfaces (HMI)
The Future of Human Machine Interfaces (HMI)
 
The Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay aheadThe Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay ahead
 

More from Kumar Ahir

Designing Effective AR Experiences
Designing Effective AR ExperiencesDesigning Effective AR Experiences
Designing Effective AR ExperiencesKumar Ahir
 
Design and create AR experiences with no code
Design and create  AR experiences with no codeDesign and create  AR experiences with no code
Design and create AR experiences with no codeKumar Ahir
 
Designing for Virtual Reality
Designing for Virtual RealityDesigning for Virtual Reality
Designing for Virtual RealityKumar Ahir
 
Build an AR app v2.0
Build an AR app v2.0Build an AR app v2.0
Build an AR app v2.0Kumar Ahir
 
Prototyping in aframe
Prototyping in aframePrototyping in aframe
Prototyping in aframeKumar Ahir
 

More from Kumar Ahir (6)

Designing Effective AR Experiences
Designing Effective AR ExperiencesDesigning Effective AR Experiences
Designing Effective AR Experiences
 
Design and create AR experiences with no code
Design and create  AR experiences with no codeDesign and create  AR experiences with no code
Design and create AR experiences with no code
 
Designing for Virtual Reality
Designing for Virtual RealityDesigning for Virtual Reality
Designing for Virtual Reality
 
Sketchnotes
SketchnotesSketchnotes
Sketchnotes
 
Build an AR app v2.0
Build an AR app v2.0Build an AR app v2.0
Build an AR app v2.0
 
Prototyping in aframe
Prototyping in aframePrototyping in aframe
Prototyping in aframe
 

Recently uploaded

西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一F dds
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证jdkhjh
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoCarolTelles6
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptDoaaRezk5
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 

Recently uploaded (20)

西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus Rizzo
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .ppt
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 

Build an AR app