Play Before Pixels Rapid V/AR Concept Prototyping Saara Kamppari-Miller @DesignerGeeking

V/AR Virtual / Augmented Reality

Why You’re At This Digital Summit Session ➔ You Want to Use V/AR to market products in ways that capture people’s imagination ➔ You Need Help to get your amazing V/AR idea out of your head and share it with your partners to make it a reality

What You’ll Learn ❏ Why Play Before Pixels? ❏ Rapid V/AR Concept Prototyping Tutorial ❏ Hands On! Emergency Business Card V/AR Prototyping

Saara Kamppari-Miller Change Agent User Experience Designer @ Intel @designergeeking DesingerGeeking.com Eclipse Chaser

In most things, less than 100% is more than enough. Total solar eclipses are an exception to the rule. Next total solar eclipse in North America is April 8th, 2024

Clay, bricks, and paper are more than enough to explore and communicate V/AR ideas and get feedback to start iterating on your concept today.

Goodbye Flatland

Hello V/AR! ➔ Experiences that happen in space and time. ➔ Beyond viewing and Tapping: Embodied interaction ➔ Virtual reality is reality, it can have real world consequences

V/AR = ?

Play Before Pixels

“Play lies at the core of creativity and innovation.” Stuart Brown M.D. Play: How it Shapes the Brain, Opens the Imagination, and Invigorates the Soul

Why Analog Play Matters (vs Digital Tools) Expansive thinking Tap into creativity for innovation Play doesn’t happen alone: Improv and say “yes and!” Communicate concepts faster Capture concepts faster Imagination is your only limitation

“It really opened up our minds from the get-go, and broke down the sometimes overly serious discussions we have about things that should be fun, fluid and valuable.”

Rapid V/AR Concept Prototyping

Rapid V/AR Concept Prototyping in 4 Steps Sketch Paper & Pen Storyboard Paper & Pen Model Clay, Bricks, Paper Capture Camera

V/AR Concept Sketching Goal: Get it out of your head & Make it Easier to TAlk about

1 2 3 4 V/AR Concept Sketching 1. Name it 2. What is Around You? (Space) 3. What Do You See? 4. What You are doing?

Rapid V/AR Concept Prototyping in 4 Steps Sketch Paper & Pen Get it out of your head Storyboard Paper & Pen Model Clay, Bricks, Paper Capture Camera

V/AR Storyboard Goal: Make a Plan & think About Time + Interaction

V/AR Storyboard Time Interaction A) What is happening that the user is reacting to? B) What is the user doing that the world is reacting to?

Rapid V/AR Concept Prototyping in 4 Steps Sketch Storyboard Paper & Pen Paper & Pen Get it out of your head Make a plan Model Clay, Bricks, Paper Capture Camera

V/AR Concept Modeling Goal: Build, Play, Learn

Rapid Prototyping Concept Modeling A Small scale version of Your V/Ar Experience that you can act out and Experiment with

Build Your Rapid V/AR Prototyping Kit Recommended Tools Modeling Clay Building Bricks Index Cards 3/16” Hole Punch Scissors Pens Pipe Cleaners or Gardening Wire Washi/Paper Tape + Random Office Supplies

Bricks + Paper + 3/16” Hole Punch Serious Play, Floating UI, Movie Set Facades

Modeling Clay (Plastilina)

Doesn’t Dry Out Use and Re-Use Mix & Match Unique Objects

Rapid V/AR Concept Prototyping in 4 Steps Sketch Storyboard Model Paper & Pen Paper & Pen Clay, Bricks, Paper Get it out of your head Make a plan Build, play, LEarn Capture Camera

Concept Capturing Goal: Document and Share

Paper backdrop to reduce distractions.

Stop Motion Animation GIF

Advanced Technique: 2 Camera Point of View (USer & World)

Rapid V/AR Concept Prototyping in 4 Steps Sketch Storyboard Model Capture Paper & Pen Paper & Pen Clay, Bricks, Paper Camera Get it out of your head Make a plan Build, play, LEarn Document & Share

What happens next? pixels!

“Going from the sketch to the clay model helps you realize all the key objects and interactions you need for your concept. This means you have a better plan before starting up a digital tool such as Unity for your first digital prototype.”

Emergency Business Card V/AR Prototyping

Change Agent Motto Do what you can with what you have

V/AR Rapid Prototyping Challenge What would your AR Business card be like? If someone were to look at your Business card with an AR headset (or through an AR phone app), what would they See & do?

5 Minute AR Prototype

  1. Shake business card 2. Objects fall out

Time to get hands on! 1. Materials: business cards + Pen 2. Prototype: Draw, Fold, Tear 3. Capture: Video or Stop motion Gif 4. Share: Use the Hashtag #PlayBeforePixels Emergency Rapid Prototyping Challenge: What would your AR Business card be like?

Thank You! #PlayBeforePixels Saara Kamppari-Miller @DesignerGeeking designergeeking.com