Invisible User Interface

Invisible UIScreen Interaction

Anders Jacobsson, Robert Holma 30 sep 2013

08:0008:1508:4509:00

BreakfastSeminarQuestionsHang around

Practical

Hello!Lead designer Anders [email protected]

Senior utvecklare Robert [email protected]

Business Director Reza Assareh+46 (0)706 85 01 [email protected]

01020304

Who are we?What do we mean by Invisible UI?Why is it interesting?How do you design for it?

Contents

Who are we?01

We are a design innovation agency working with leading global companies to create compelling experiences that bridge digital and physical domains.

Our vision is to improve the quality of life for people around the world through the digital services they use.

Our team consists of passionateand experienced designers who understands the complexity of bringing usability, design and technology together.

What is Invisible UI?

02

We are here to talk about experiences with products and services where all or part of the user interface is invisible.

Naturally we want to make theseexperiences better.

Let’s start with an example.

Did you take the elevator up herethis morning?

Think about the experience

What if the elevator had an invisible User Interface?

http://youtu.be/u3qEHt9mj4g

How was the user experience with this elevator?

How was the user experience with this elevator?

Did it fit a need?

Was it easy to use?

Was it appealing?

Did it meet brand expectations?

We think this was kinda terrible.

How could we improve on the elevator experience?

Well, as I work at Screen InteractionI almost always go to the 29th floor.

What if the Elevator recognizes me and knows my destination so I don’t have to push the buttons?

Sweet!

Of course, sometimes I want to go to the Skybar at floor 33 so I need an overrule.

We have an office demo that does something similar to this.

NFC tags for• conference rooms• phone settings, as mute

App to• integrate with calendar • change phone settings

Context aware NFC tags

What’s interesting with this is that you have to know about it.

You don’t have expectations for something to happen.

A challenge is how to get the interaction started.

Actually when I left the hotel room I locked the key card inside.

Luckily they could reprogram it.

But why do we even have keys?There are better ways.

TITLE OF PROJECT

Professionally cultivate one-to-one customer service with robust ideas.

ClientASSA ABLOYPowering the worlds first mobile access control system on NFC mobile devices.

Mobile keys / SEOS

http://youtu.be/PRSwtLGOnd8

Assa AbloySEOS Mobile KeysProductivity Application For Enterprise

CommitmentConcept Development, UI Design & Application Development.

PlatformiOS, Android & BlackBerry.

ResultsThe world's first commercial ecosystem for managing digital keys on a mobile phone.

Actually, why should I even have to bring the phone out? It should juststay in my pocket.

That is cool because then theservice will be totally invisible...

Guess what?This is in the next version.

To summarize:

• The service has to give a Better experience

• The service has to know my Context

• It has to be able to be Overruled

• The service has to be Discoverable

A tip:

Scott Jenson has a lot of good pointsabout discoverability in his talk that he gave here at Screen interation, it’s on our News section. Watch it, it’s good!

Why is all this interesting?

03

There is a fundamental shift happening. Our personal devices become aware about their surroundings and a larger context.

The user is in the center. But with a whole eco-system around him.

Here’s an example of this new kind of service based on a wearable device and aneco-system around the person:

http://youtu.be/yggn7P4pRUw

ABI Research projects that the sports and health wearables market alone will see 170 million devices in 2017.

170Million

But that is just an example of the fact that more and more devices become connected to the internet.

Billion

The Connected Life by 2020

9 Billion

50 Billion $2.5Trillion

Total connected devices

Total connected devices

12 Billion

6 Billion

2011

2020

Total Revenue Opportunity in 2020

Mobile connected devices

Mobile connected devices

2011

2020

Source: GSMA / Machina research

Billion

Source: GSMA / Machina research

$97 BillionHealth $36

Billion

Utilities

$202 BillionAutomotive

$445 BillionConsumer electronics

Revenue opportunity for connected devices in vertical sectors

These new markets need new materials and products. Here another example - interactive glass.

How do you design for Invisible UI?

04

Conclusion

• Find the users context

• Work with prototypes

• Define principles

05

Bonus material

Wireless charging table demo

Wireless charging - Konstfack

Wireless charging - Konstfack

Welcome screen

Clear Channel

Big interactive screens in public places adapting information depending on context.

Explore Stockholm

SCREEN INTERACTION

DETAILSEXPLORE STOCKHOLM

58

Ninja blocks ♥ Hue lights

Thank You!

ContactLead designer Anders [email protected]

Senior utvecklare Robert [email protected]

Business Director Reza Assareh+46 (0)706 85 01 [email protected]