Transcript
Page 1: Virtual Reality UX - Designing for Interfaces without Screens

DESIGNING FOR INTERFACE WITHOUT SCREENS

Page 2: Virtual Reality UX - Designing for Interfaces without Screens

UX experts are used to designing forms, websites and smartphone applications. Now they need to re-learn the trade to design

interfaces and interactions in virtual reality.

Page 3: Virtual Reality UX - Designing for Interfaces without Screens

As a medium, there are very few existing standards, protocols, and workflows.

It’s like participating in film before cinematography had shot names, or like participating in the internet before “web designer” was a

position.

Page 4: Virtual Reality UX - Designing for Interfaces without Screens

Many of the traditional UI elements simply do not work in VR, and a significant part of the existing UX toolkit is simply inappropriate.

Page 5: Virtual Reality UX - Designing for Interfaces without Screens

To begin with, designing for a

flat surface - our laptop or phone

screens -

is very different

from designing for a spherical world with the

user at its centre.

Page 6: Virtual Reality UX - Designing for Interfaces without Screens
Page 7: Virtual Reality UX - Designing for Interfaces without Screens

Curved design

You need to stop thinking about the canvas as a surface, and imagine it as a sphere.

Page 8: Virtual Reality UX - Designing for Interfaces without Screens

Put it into a VR enviroment, and it just doesn't work, especially if it's too wide or tall.

The edges of a flat surface will be further away from the user's eye focus, making them blurry and hard to read.

Take an element as simple as a rectangle, a picture or a video player.

Page 9: Virtual Reality UX - Designing for Interfaces without Screens

Narrowing the FieldIn VR placing any meaningful control element to the periphery

of the field of vision is a bad idea.

Page 10: Virtual Reality UX - Designing for Interfaces without Screens

Take an element as simple as a rectangle, a picture or a video player. Put it into a VR enviroment, and it just doesn't work, especially if it's too wide or tall. The edges of a flat surface will be further away from

the user's eye focus, making them blurry and hard to read.

It's simple biology: your vision is simply not sharp enough on the edges.

Page 11: Virtual Reality UX - Designing for Interfaces without Screens

Using Z Zones and DepthObjects that are too close to your eyes will get blurry.

Page 12: Virtual Reality UX - Designing for Interfaces without Screens

Just raise your hand and start moving it towards your face - you simply can't maintain focus when

it's closer than a few inches.

Objects, and especially controls should never be placed too close

to the user.

On the other hand people are much better in telling the distance between two objects in close

distance, than between two objects far away. If the distance is

important from an interaction point of view, the objects should be placed reasonably close to the

user's eyes.

Page 13: Virtual Reality UX - Designing for Interfaces without Screens

Motion flow

In virtual reality the camera is mapped to the player's head, with it's focus being at the centre (unless you use eye tracking)

Page 14: Virtual Reality UX - Designing for Interfaces without Screens

This means you should never change the

environment against the head movements, or

force the user turn their head involutarily.

Both leads to motion sickness, and being

nauseated.

Page 15: Virtual Reality UX - Designing for Interfaces without Screens

Of course sometimes you want to guide the user through the

user interface, towards the direction where something is

happening. This is where subtle tools like motion flow comes

into play.

Pressing a button can trigger the button to extend, or

slowly start moving, gently guiding the user to turn their

head.

We are implying a direction, guiding their eye to the next

point of interest.

Page 16: Virtual Reality UX - Designing for Interfaces without Screens

Moving Interface

It's the opposite of motion flow, when we don't urge the user to look in a specific direction, but rather move the new elements directly to the

field of view.

Page 17: Virtual Reality UX - Designing for Interfaces without Screens

Standing the the centre of a sphere means you don't see, and you don't know

about UI elements changing behind your back.

Sometimes it's better to put them right in the

front of the user.

Page 18: Virtual Reality UX - Designing for Interfaces without Screens

Capturing attention

The long evolution of the Homo Sapiens trained us to pay attention to lights and movement - otherwise we probably

won't be here, and predators would rule the Earth. This evolutionary skill is perfect to capture focus in a virtual reality

environment.

Page 19: Virtual Reality UX - Designing for Interfaces without Screens

A great example is the game demo Lost by Oculus: they use fireflies in a dark forest to lead the eyes of the user.

We expect to see more subtle, clever plays on light and shadow in VR applications and games.

Page 20: Virtual Reality UX - Designing for Interfaces without Screens

Anchor objects

Virtual reality causes dizziness for a lot of people. Chances are if you had a bad experience with VR you won't try it again - and definitely

won't try it the third time.

Page 21: Virtual Reality UX - Designing for Interfaces without Screens

We are used to standing or sitting still while the world is moving

around us, a good example being driving. It's not causing nausea,

because we have a visual anchor, the car dashboard.

Establishing such an anchor object in the virtual space is something interface designers should consider.

Page 22: Virtual Reality UX - Designing for Interfaces without Screens

Research suggests even a virtual nose can help. We all see our nose all the time

anyway, right?

Page 23: Virtual Reality UX - Designing for Interfaces without Screens

Holophonic soundHolophonic sounds are amazing in games, but they very well might be

used for VR control interfaces.

Page 24: Virtual Reality UX - Designing for Interfaces without Screens

Holophonic means 3D sound (the word itself rhymes with

holography).

The idea is that with listening through the right equipment you

can tell if the sound is coming from above, below, or from

behind your back (and not just left and right, as with the stereo

systems).

Imagine a video start playing outside of your view, and you will hear _exactly_ where the sound comes from. We are not quite there yet, but

not that far either.

Page 25: Virtual Reality UX - Designing for Interfaces without Screens

Best Practice UX

1. Virtual experiences are simply better together

2. Virtuality is more impactful when it’s seamless with reality

3. Virtuality should be comfortable

Page 26: Virtual Reality UX - Designing for Interfaces without Screens

http://realityshift.io/blog/ui-ux-design-patterns-in-virtual-reality

http://www.uxofvr.com/

http://www.cmswire.com/digital-marketing/artificial-intelligence-virtual-reality-and-the-future-of-digital-marketing/

http://www.forbes.com/sites/tomaslaurinavicius/2016/12/04/ux-trends-2017/#52f680857c94

Mike Alger:

https://vimeo.com/141330081 - VR Interface Design Pre-Visualisation Methods

https://vimeo.com/116101132 - VR Interface Design Manifesto

https://drive.google.com/file/d/0B19l7cJ7tVJyRkpUM0hVYmxJQ0k/view

UX Links / References

Page 27: Virtual Reality UX - Designing for Interfaces without Screens

HOW WE CAN HELP YOU…

SYDNEY / LONDON / SAN FRANCISCO

VR UK FOR BRANDED CONTENT

Page 28: Virtual Reality UX - Designing for Interfaces without Screens

CUSTOM USER INTERFACE VR CONTENT MENU

When users enter your VR world, they need a point of entry into your experience.

This is similar to a website home page. It is the main hub for all your VR content.

How can you creatively us VR to enhance this point of entry?

Page 29: Virtual Reality UX - Designing for Interfaces without Screens

START VR CONTENT FORMATS SUMMARY

Page 30: Virtual Reality UX - Designing for Interfaces without Screens

IMMERSIVE VR NARRATIVE THE EXPERIENCE

1. IMMERSION

4. PRESENCE 3. AGENCY

2. EMBODIMENT

Our unique VR storytelling UX framework offers an immersive, sensory and interactive content experience for your audience.

Page 31: Virtual Reality UX - Designing for Interfaces without Screens

CUSTOM UI 360 VIDEO

ASSETS

UX DESIGN PUBLISHING ANALYTICS

VR APPLICATION FRAMEWORK

Page 32: Virtual Reality UX - Designing for Interfaces without Screens

VR DELIVERY MULTI PLATFORM

With our Startgate VR platform content can be uploaded once and then easily published to Samsung Gear VR, Oculus Rift and HTC Vive devices

Page 33: Virtual Reality UX - Designing for Interfaces without Screens

RHIANNON MONKS [email protected]

SYDNEY / LONDON / SAN FRANCISCO

WANNA SEE A DEMO…?


Recommended