invisible ui seminar_short2

53
Invisible UI Screen Interaction Anders Jacobsson, Robert Holma 27 sep 2013

Upload: anders-jacobsson

Post on 14-Jul-2015

424 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Invisible ui seminar_short2

Invisible UIScreen Interaction

Anders Jacobsson, Robert Holma 27 sep 2013

Page 2: Invisible ui seminar_short2

08:0008:1508:4509:00

BreakfastSeminarQuestionsHang around

Practical

Page 4: Invisible ui seminar_short2

01020304

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

Contents

Page 5: Invisible ui seminar_short2

Who are we?01

Page 6: Invisible ui seminar_short2

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

Page 7: Invisible ui seminar_short2

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

Page 8: Invisible ui seminar_short2

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

Page 9: Invisible ui seminar_short2

What is Invisible UI?

02

Page 10: Invisible ui seminar_short2

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

Page 11: Invisible ui seminar_short2

Naturally we want to make theseexperiences better.

Page 12: Invisible ui seminar_short2

Let’s start with an example.

Did you take the elevator up herethis morning?

Page 13: Invisible ui seminar_short2

Think about the experience

Page 14: Invisible ui seminar_short2

What if the elevator had an invisible User Interface?

Page 15: Invisible ui seminar_short2
Page 16: Invisible ui seminar_short2

How was the user experience with this elevator?

Page 17: Invisible ui seminar_short2

How was the user experience with this elevator?

Page 18: Invisible ui seminar_short2

Did it fit a need?

Page 19: Invisible ui seminar_short2

Was it easy to use?

Page 20: Invisible ui seminar_short2

Was it appealing?

Page 21: Invisible ui seminar_short2

Did it meet brand expectations?

Page 22: Invisible ui seminar_short2

We think this was kinda terrible.

Page 23: Invisible ui seminar_short2

How could we improve on the elevator experience?

Page 24: Invisible ui seminar_short2

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!

Page 25: Invisible ui seminar_short2

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

Page 26: Invisible ui seminar_short2

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

Page 27: Invisible ui seminar_short2

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

App to• integrate with calendar • change phone settings

Context aware NFC tags

Page 28: Invisible ui seminar_short2

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.

Page 29: Invisible ui seminar_short2
Page 30: Invisible ui seminar_short2
Page 31: Invisible ui seminar_short2

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.

Page 32: Invisible ui seminar_short2

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

Page 33: Invisible ui seminar_short2
Page 34: Invisible ui seminar_short2

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.

Page 35: Invisible ui seminar_short2

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

Page 36: Invisible ui seminar_short2

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

Page 37: Invisible ui seminar_short2

Guess what?This is in the next version.

Page 38: Invisible ui seminar_short2

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

Page 39: Invisible ui seminar_short2

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!

Page 40: Invisible ui seminar_short2

Why is all this interesting?

03

Page 41: Invisible ui seminar_short2

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.

Page 42: Invisible ui seminar_short2

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

Page 43: Invisible ui seminar_short2
Page 44: Invisible ui seminar_short2

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

170Million

Page 45: Invisible ui seminar_short2

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

Page 46: Invisible ui seminar_short2

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

Page 47: Invisible ui seminar_short2

Billion

Source: GSMA / Machina research

$97 BillionHealth $36

Billion

Utilities

$202 BillionAutomotive

$445 BillionConsumer electronics

Revenue opportunity for connected devices in vertical sectors

Page 48: Invisible ui seminar_short2

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

Page 49: Invisible ui seminar_short2
Page 50: Invisible ui seminar_short2

How do you design for Invisible UI?

04

Page 51: Invisible ui seminar_short2

Conclusion

• Find the users context

• Work with prototypes

• Define principles

Page 52: Invisible ui seminar_short2

Thank You!