Tweet
Tweet

Slide 1

Slide 1 text

www.cospaces.io/edu MAKING VR IN
 SCHOOLS AND BEYOND Designing a product to push 21st century learning skills
 August 25th, Creative Mornings Munich 2017

Slide 2

Slide 2 text


 ABOUT ME Thomas Gläser
 #HeadOfUX #CoSpaces
 #VRinEdu
 #DesignChallenges www.cospaces.io/edu

Slide 3

Slide 3 text

What is VR good for? www.cospaces.io/edu

Slide 4

Slide 4 text


 WHY VR & EDUCATION www.cospaces.io/edu

Slide 5

Slide 5 text


 WHAT IS VR GOOD FOR? www.vrscout.com/news/vr-ar-education-now

Slide 6

Slide 6 text

CoSpaces a creative multiplatform tool, which enables students, to build their own 3D or VR stories, worlds and games. And explore it later on together with their teacher and peers. Unlike existing professional solutions, it’s super easy to get started right away without spending a fortune. www.cospaces.io/edu

Slide 7

Slide 7 text

www.cospaces.io/edu

Slide 8

Slide 8 text

How is CoSpaces being
 used in schools? www.cospaces.io/edu

Slide 9

Slide 9 text


 bit.ly/CoSpacesMoments

Slide 10

Slide 10 text

www.cospaces.io/edu Literature Book presentation 4th grade
 Brookdale Elementary School, Illinois PLAY Article

Slide 11

Slide 11 text

Language learning Vocabulary training
 8th grade Highland Park Middle School,
 Oregon www.cospaces.io PLAY Article www.cospaces.io/edu

Slide 12

Slide 12 text

Social studies Presentation
 “Climate change” 7th grade Smith Middle School,
 New Jersey PLAY www.cospaces.io/edu

Slide 13

Slide 13 text

City planning Project
 “Eco-city” 8th grade Parklands College,
 South Africa PLAY www.cospaces.io/edu

Slide 14

Slide 14 text

History Virtual Museum 8th grade Parklands College,
 South Africa www.cospaces.io/edu PLAY

Slide 15

Slide 15 text

Game development STEM Game
 9th grade
 Kildonan-East Collegiate, Winnipeg PLAY www.cospaces.io/edu

Slide 16

Slide 16 text

Virtual robots Robot Tino V5 Daniel Pers
 STEM teacher
 LP2I, France www.cospaces.io/edu PLAY

Slide 17

Slide 17 text

Creative computer science Lasershow Daniel Pers
 STEM teacher
 LP2I, France PLAY www.cospaces.io/edu

Slide 18

Slide 18 text

Munich City Tour PLAY Upload your own
 360°-Images! Geography & interactive field trips www.cospaces.io/edu

Slide 19

Slide 19 text


 WHAT DO TEACHERS LIKE ABOUT IT? STUDENTS BECOME MAKERS Enables students to create their own VR, not only consume it. ONE TOOL FOR ALL
 Works across all age-levels, subject areas and multiple devices. BRINGS THE WOW!
 TO MY CLASSROOM Engages and captivates students to enhance their digital literacy skills. www.cospaces.io/edu

Slide 20

Slide 20 text

www.cospaces.io/edu We want to create future thinkers. 
 OUR MISSION

Slide 21

Slide 21 text

www.cospaces.io/edu We want to create future problem solvers. 
 OUR MISSION

Slide 22

Slide 22 text

www.cospaces.io/edu We want to create future engineers. 
 OUR MISSION

Slide 23

Slide 23 text

www.cospaces.io/edu We want to create future developers. 
 OUR MISSION

Slide 24

Slide 24 text

www.cospaces.io/edu We want to create future designers. 
 OUR MISSION

Slide 25

Slide 25 text

www.cospaces.io/edu We want to create future makers. 
 OUR MISSION

Slide 26

Slide 26 text

www.cospaces.io/maker

Slide 27

Slide 27 text

5 design challenges
 we are facing creating CoSpaces www.cospaces.io/edu

Slide 28

Slide 28 text

1. Design across all platforms www.cospaces.io/edu

Slide 29

Slide 29 text


 THE “STANDARD” MULTIPLATFORM + VR ;) www.cospaces.io/edu

Slide 30

Slide 30 text


 CHALLENGE 1: DIFFERENT DEVICE INTERACTIONS www.cospaces.io/edu CARDBOARD VR 1 button NOTEBOOK Keyboard with
 Touchpad or Mouse MOBILE Touch and
 virtual buttons HIGH END VR Two 6 DOF controllers
 with touchpad and
 3 buttons

Slide 31

Slide 31 text

www.cospaces.io/edu

Slide 32

Slide 32 text

www.cospaces.io/edu

Slide 33

Slide 33 text

www.cospaces.io/edu

Slide 34

Slide 34 text

www.cospaces.io/edu

Slide 35

Slide 35 text

www.cospaces.io/edu

Slide 36

Slide 36 text


 CHALLENGE 2: DESIGN ON DIFFERENT SCREENS www.cospaces.io/edu CARDBOARD VR NOTEBOOK PHONE HIGH END VR TABLET CREATE & EXPLORE EXPLORE

Slide 37

Slide 37 text

www.cospaces.io/edu 
 THE EDITOR Tablet
 iOS Phone
 Android Web Phone
 iOS

Slide 38

Slide 38 text

www.cospaces.io/edu 
 THE DASHBOARD Web Tablet iOS Phone iOS Phone Android

Slide 39

Slide 39 text

www.cospaces.io/edu 
 SLIGHT EXCEPTIONS EXIST :)

Slide 40

Slide 40 text

2. Balance aspirations and resources www.cospaces.io/edu

Slide 41

Slide 41 text


 TEAM www.cospaces.io/edu

Slide 42

Slide 42 text


 GUI KIT www.cospaces.io/edu

Slide 43

Slide 43 text

Task:
 Make it possible to define
 the view and starting point www.cospaces.io/edu

Slide 44

Slide 44 text


 CAMERA CONCEPT IDEAS www.cospaces.io/edu

Slide 45

Slide 45 text


 DESIGN SPEC www.cospaces.io/edu

Slide 46

Slide 46 text


 FINAL IMPLEMENTATION www.cospaces.io/edu

Slide 47

Slide 47 text

3. Prototyping with the product www.cospaces.io/edu

Slide 48

Slide 48 text


 PROTOTYPING AVATARS www.cospaces.io/edu

Slide 49

Slide 49 text


 STEFAN PROTOTYPE (SCREENSHOT) www.cospaces.io/edu

Slide 50

Slide 50 text

4. Design for design www.cospaces.io/edu

Slide 51

Slide 51 text


 ANALYSING THE BUILDING PROCESS www.cospaces.io/edu

Slide 52

Slide 52 text


 FINDING PROBLEMS - STEP BY STEP www.cospaces.io/edu

Slide 53

Slide 53 text


 DESIGN SOLUTIONS - STEP BY STEP www.cospaces.io/edu

Slide 54

Slide 54 text


 FOCUS ON EASE OF USE, BUT LEAVE ROOM TO GROW www.cospaces.io/edu For beginners
 Basic direct controls For advanced users
 More details to change

Slide 55

Slide 55 text


 FOCUS ON EASE OF USE, BUT LEAVE ROOM TO GROW www.cospaces.io/edu For beginners
 Coding with Blockly For advanced developers
 Coding with JS/TS

Slide 56

Slide 56 text

5. Keeping up with your users www.cospaces.io/edu

Slide 57

Slide 57 text


 MAJORITY OF USERS IS FAR AWAY www.cospaces.io/edu

Slide 58

Slide 58 text


 FEEDBACK ACROSS THE CHANNELS www.cospaces.io/edu

Slide 59

Slide 59 text

www.cospaces.io/edu How to deal with
 all those feedback?

Slide 60

Slide 60 text

Follow:
 @Thomas_Glaeser
 @cospaces_edu www.cospaces.io/edu Thanks for listening!

Slide 61

Slide 61 text

www.cospaces.io/edu Follow:
 @Thomas_Glaeser
 @cospaces_edu Questions?