Play Before Pixels, Rapid V/AR Concept Prototyping

A presentation at Digital Summit in June 2019 in Portland, OR, USA by Saara Kamppari-Miller

Slide 1

Slide 1

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

Slide 2

Slide 2

V/AR Virtual / Augmented Reality

Slide 3

Slide 3

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

Slide 4

Slide 4

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

Slide 5

Slide 5

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

Slide 6

Slide 6

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

Slide 7

Slide 7

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.

Slide 8

Slide 8

Goodbye Flatland

Slide 9

Slide 9

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

Slide 10

Slide 10

V/AR = ?

Slide 11

Slide 11

Play Before Pixels

Slide 12

Slide 12

“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

Slide 13

Slide 13

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

Slide 14

Slide 14

“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.”

Slide 15

Slide 15

Rapid V/AR Concept Prototyping

Slide 16

Slide 16

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

Slide 17

Slide 17

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

Slide 18

Slide 18

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?

Slide 19

Slide 19

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

Slide 20

Slide 20

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

Slide 21

Slide 21

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?

Slide 22

Slide 22

Slide 23

Slide 23

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

Slide 24

Slide 24

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

Slide 25

Slide 25

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

Slide 26

Slide 26

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

Slide 27

Slide 27

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

Slide 28

Slide 28

Modeling Clay (Plastilina)

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

Slide 29

Slide 29

Slide 30

Slide 30

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

Slide 31

Slide 31

Concept Capturing Goal: Document and Share

Slide 32

Slide 32

Paper backdrop to reduce distractions.

Slide 33

Slide 33

Stop Motion Animation GIF

Slide 34

Slide 34

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

Slide 35

Slide 35

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

Slide 36

Slide 36

What happens next? pixels!

Slide 37

Slide 37

“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.”

Slide 38

Slide 38

Emergency Business Card V/AR Prototyping

Slide 39

Slide 39

Change Agent Motto Do what you can with what you have

Slide 40

Slide 40

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?

Slide 41

Slide 41

5 Minute AR Prototype

  1. Shake business card 2. Objects fall out

Slide 42

Slide 42

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?

Slide 43

Slide 43

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