Augmented Reality: From Fun to Furnished

You may already have an AR app or a portion of your app using AR. And while it may be a fun small experience for the users, where do you go from there? How do you expand on the experience so that’s it’s not just one screen of your app?

In this talk, you’ll learn about how Wayfair is modularizing the existing AR code to build various tools on top of it, with the goal of providing slick, fun user experience!

Transcript

1. AUGMENTED REALITY FROM FUN TO FURNISHED
2. WHO AM I? ▸ @CliveLeeHere
3. WHO AM I? ▸ @CliveLeeHere
4. WHO AM I? ▸ @CliveLeeHere
5. WHO ARE YOU? ▸ Played around with AR / ARCore / Sceneform? ▸ Have AR as part of an app?
6. ARCORE / SCENEFORM
7. WHAT WE’LL COVER ▸ State of AR ▸ Challenges & Opportunities ▸ Solutions
8. STATE OF AR ▸ Wayfair’s AR feature (demo)
9. STATE OF AR ▸ Wayfair’s AR feature (demo) ▸ google sample for ARCore (demo)
10. CHALLENGES & OPPORTUNITIES ▸ Entry points to AR ▸ Adding features & navigations ▸ Architecture ▸ Onboarding
11. ENTRY POINTS https://pixabay.com/photos/goal-gate-open-cathedral
12. ENTRY POINTS ▸ From Product Details Page ▸ High-intent users, high conversion ▸ From front page? Toolbar? ▸ Need catalogue ▸ Discoverability
13. ADDING FEATURES & NAVIGATION ▸ ARCore / Sceneform samples ▸ Animations, augmented images, cloud anchors, shared camera, video recordings… oh my!
15. ADDING FEATURES & NAVIGATION ▸ ARCore / Sceneform samples ▸ Animations, augmented images, cloud anchors, shared camera, video recordings… oh my! ▸ Competitors’ apps
16. https://www.pexels.com/photo/modern-building-a ARCHITECTURE
17. ARCHITECTURE ▸ Samples & Prototypes ▸ Maintain existing code ▸ Easily add new features & write tests ▸ Unstable & Abstract; Stable & concrete.
18. Onboarding
19. ONBOARDING ▸ Types of Furniture ▸ Different motions? ▸ Simplified UI ▸ User & A/B Testing
20. CHALLENGES & OPPORTUNITIES ▸ Entry points to AR ▸ Adding features & navigations ▸ Architecture ▸ Onboarding
21. “ALL PROBLEMS IN COMPUTER SCIENCE CAN BE SOLVED BY ANOTHER LEVEL OF INDIRECTION.” –David Wheeler
22. SOLUTION ▸ UX ▸ Architecture
23. PROTOTYPEACTIVITY
24. PROTOTYPEACTIVITY ONCREATE() ONRESUME()
25. PROTOTYPEACTIVITY ONCREATE() ONRESUME() PROTOTYPEUTILS
26. PROTOTYPEACTIVITY PROTOTYPEUTILS ? ? ? ? ? ? ONCREATE() ONRESUME()
27. FRAGMENT PRESENTER INTERACTOR
28. FRAGMENT PRESENTER FRAGMENT2 PRESENTER2 INTERACTOR INTERACTOR
29. FRAGMENT PRESENTER FRAGMENT2 PRESENTER2 INTERACTOR INTERACTOR
30. FRAGMENT1 PRESENTER1 FRAGMENT2 PRESENTER2 INTERACTOR INTERACTOR
31. FRAGMENT1 PRESENTER1 FRAGMENT2 PRESENTER2 INTERACTOR INTERACTOR BASEFRAGMENT BASEPRESENTER BASEINTERACTO
32. FRAGMENT1 PRESENTER1 FRAGMENT2 PRESENTER2 INTERACTOR INTERACTOR BASEFRAGMENT BASEPRESENTER BASEINTERACTO
33. FRAGMENT1 PRESENTER1 FRAGMENT2 PRESENTER2 INTERACTOR INTERACTOR XRFRAGMENT XRPRESENTER XRINTERACTOR
34. FRAGMENT2 PRESENTER2 INTERACTOR XRFRAGMENT XRPRESENTER XRINTERACTOR XRFEATURE FRAGMENT1 PRESENTER1 INTERACTOR
35. VIEW2 PRESENTER2 INTERACTOR XRFRAGMENT XRPRESENTER XRINTERACTOR XRFEATURE VIEW1 PRESENTER1 INTERACTOR
36. VIEW2 PRESENTER2 INTERACTOR XRFRAGMENT XRPRESENTER XRINTERACTOR XRFEATURE VIEW1 PRESENTER1 INTERACTOR VIEWPAGER2
37. VIEW2 PRESENTER2 INTERACTOR XRFRAGMENT XRPRESENTER XRINTERACTOR VIEWPAGER VIEW1 PRESENTER1 INTERACTOR XRFEATURE
38. VIEW2 PRESENTER2 INTERACTOR XRFRAGMENT XRPRESENTER XRINTERACTOR VIEWPAGER VIEW1 PRESENTER1 INTERACTOR XRFEATURE
39. XR VIEW2 PRESENTER2 INTERACTOR XRFRAGMENT XRPRESENTER XRINTERACTOR VIEWPAGER VIEW1 PRESENTER1 INTERACTOR XRFEATURE FEATURE 1 FEATURE 2
40. XR VIEW2 PRESENTER2 INTERACTOR XRFRAGMENT XRPRESENTER XRINTERACTOR VIEWPAGER VIEW1 PRESENTER1 INTERACTOR XRFEATURE FEATURE 1 FEATURE 2
41. XRFRAGMENT XRPRESENTER XRINTERACTOR
42. SURFACEVIEW ARSCENEVIEW CAMERA2 XRFRAGMENT
43. THANK YOU!