UX Poland 2016 - Marcin Bober - Invisible UI and other lies.
Invisible ui seminar_short2
-
Upload
anders-jacobsson -
Category
Technology
-
view
423 -
download
0
Transcript of Invisible ui seminar_short2
![Page 1: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/1.jpg)
Invisible UIScreen Interaction
Anders Jacobsson, Robert Holma 27 sep 2013
![Page 2: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/2.jpg)
08:0008:1508:4509:00
BreakfastSeminarQuestionsHang around
Practical
![Page 3: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/3.jpg)
Hello!Lead designer Anders [email protected]
Senior utvecklare Robert [email protected]
Business Director Reza Assareh+46 (0)706 85 01 [email protected]
![Page 4: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/4.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/5.jpg)
Who are we?01
![Page 6: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/6.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/7.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/8.jpg)
Our team consists of passionateand experienced designers who understands the complexity of bringing usability, design and technology together.
![Page 9: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/9.jpg)
What is Invisible UI?
02
![Page 10: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/10.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/11.jpg)
Naturally we want to make theseexperiences better.
![Page 12: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/12.jpg)
Let’s start with an example.
Did you take the elevator up herethis morning?
![Page 13: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/13.jpg)
Think about the experience
![Page 14: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/14.jpg)
What if the elevator had an invisible User Interface?
![Page 15: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/15.jpg)
![Page 16: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/16.jpg)
How was the user experience with this elevator?
![Page 17: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/17.jpg)
How was the user experience with this elevator?
![Page 18: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/18.jpg)
Did it fit a need?
![Page 19: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/19.jpg)
Was it easy to use?
![Page 20: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/20.jpg)
Was it appealing?
![Page 21: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/21.jpg)
Did it meet brand expectations?
![Page 22: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/22.jpg)
We think this was kinda terrible.
![Page 23: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/23.jpg)
How could we improve on the elevator experience?
![Page 24: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/24.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/25.jpg)
Of course, sometimes I want to go to the Skybar at floor 33 so I need an overrule.
![Page 26: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/26.jpg)
We have an office demo that does something similar to this.
![Page 27: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/27.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/28.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/29.jpg)
![Page 30: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/30.jpg)
![Page 31: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/31.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/32.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/33.jpg)
![Page 34: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/34.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/35.jpg)
Actually, why should I even have to bring the phone out? It should juststay in my pocket.
![Page 36: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/36.jpg)
That is cool because then theservice will be totally invisible...
![Page 37: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/37.jpg)
Guess what?This is in the next version.
![Page 38: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/38.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/39.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/40.jpg)
Why is all this interesting?
03
![Page 41: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/41.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/42.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/43.jpg)
![Page 44: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/44.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/45.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/46.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/47.jpg)
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](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/48.jpg)
These new markets need new materials and products. Here another example - interactive glass.
![Page 49: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/49.jpg)
![Page 50: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/50.jpg)
How do you design for Invisible UI?
04
![Page 51: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/51.jpg)
Conclusion
• Find the users context
• Work with prototypes
• Define principles
![Page 52: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/52.jpg)
Thank You!
![Page 53: Invisible ui seminar_short2](https://reader030.fdocuments.in/reader030/viewer/2022032616/55a4f31d1a28ab29188b4621/html5/thumbnails/53.jpg)
ContactLead designer Anders [email protected]
Senior utvecklare Robert [email protected]
Business Director Reza Assareh+46 (0)706 85 01 [email protected]