Top Banner
FLUPA 2017 What’s different about UX for IoT? Claire Rowland @clurr with thanks to Helen Le Voi /@hlevoi and Martin Charlier /@marcharlier Image: Jacopo Werther
49

Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Jan 21, 2018

Download

Design

Flupa
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

FLUPA 2017

What’s different about UX for IoT?

Claire Rowland @clurr

with thanks to Helen Le Voi /@hlevoi and Martin Charlier /@marcharlier Image: Jacopo Werther

Page 2: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

•Product/UX strategy consultant

•Specialising in IoT, particularly connected home/energy management

•Lead author of Designing Connected Products

Bonjour!

Page 3: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

3 copies for best tweets and questions -> @flupa @clurr #uxdays17

Page 4: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Who here:

• Works on software products/services?• Works on products/services with a physical/hardware component?• Owns some connected products or uses them in everyday life?• Would like to work on connected products?

Page 5: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

My grandfather could probably have told you how many electric motors he owned. There was one in the car, one in the fridge, one in his drill and so on.

My father, when I was a child, might have struggled to list all the motors he owned (how many, exactly, are in a car?) but could have told you how many devices were in the house that had a chip in.

Today, I have no idea how many devices I own with a chip, but I could tell you how many have a network connection. And I doubt my children will know that, in their turn.

Benedict Evanshttp://ben-evans.com/benedictevans/2014/5/26/the-internet-of-things

Page 6: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

33 billion Devices will be connected by 2020

Ref: Strategy Analytics

Page 7: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Images: Withings, Made by Many, ecobee, Pod, Philips, Streetline, Evrythng/Diageo, Lockitron, Proteus, Thington, Brita, Hi-Park

Consumer

Page 8: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Images: Emmett Tullos, Bigbelly, Smart Structures,Wikicommons, PowerOasis, OnFarm, GROUND Lab, Nomi, Helium,

[replace]

Industrial

Page 9: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

9

Embedded devices that connect to the Internet

…but also a bunch of things that are only indirectly connected to the Internet…

…and some things which are only locally connected to other things

Connected products? IoT? Industry 4.0?

Page 10: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

You don’t have to be a hardware engineer or industrial designer to work in connected products

Images: Nixdorf, Seymourpowell

Page 11: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Software is a big part of connected products Your energy consumption is

20% higher than this time last year, because it’s colder

The lamp turned on at 8pm

You left your oven on when you went out. Do you want to turn it off?

There’s smoke in your house!

There’s an intruder! I’m turning the camera on

Your solar panels are generating 4kW

Your fridge is developing a fault

I see you’re coming home. Shall I set the temperature to 21C?

Page 12: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Thanks to British Gas

There are an increasing number of opportunities to work with software and services enabled by connected hardware

Page 13: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

But… there’s a bunch of stuff that’s different about working with hardware-enabled services

Page 14: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

http://www.digitaltrends.com/home/heck-internet-things-dont-yet/

Shiny visions of the future…

Page 15: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

…but the reality is often new ways to fail

‘It’s a bit glitchy but it’s OK, you just have to be in the room at the same time’. Actual review of the Wink hub

Page 16: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Images: Owlet, August, InTouch, Tesla

…and “a bit glitchy” could have very serious consequences

Page 17: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

When we talk about design for IoT…

We tend to focus on industrial and UI design

Page 18: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Designing the parts separately won’t result in a great experience

Designers need to create a coherent UX for the whole system

Cross-Platform Service User Experience: A Field Study and an Initial Framework. Minna Wäljas, Katarina Segerståhl, & colleagues, MobileHCI’10: http://bugi.oulu.fi/~ksegerst/publications/p219-waljas.pdf

Page 19: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Facets of connected product UX

Screen layout. Look and feelMost

visible

Least visible

Conceptual modelHow should users think about the

system?

InterusabilityInteractions spanning multiple

devices with different capabilities

UI/visual design

Platform designTechnology enablers spanning

products/services

Industrial designPhysical hardware: capabilities and

form factor

Interaction designArchitecture and behaviours per

service, per device

Service designHolistic experience across digital and

non-digital touchpoints

ProductisationAudience, proposition, objectives, functionality of a specific service

Page 20: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Facets of connected product UX

Screen layout. Look and feelMost

visible

Least visible

Conceptual modelHow should users think about the

system?

InterusabilityInteractions spanning multiple

devices with different capabilities

UI/visual design

Platform designTechnology enablers spanning

products/services

Industrial designPhysical hardware: capabilities and

form factor

Interaction designArchitecture and behaviours per

service, per device

Service designHolistic experience across digital and

non-digital touchpoints

ProductisationAudience, proposition, objectives, functionality of a specific service

Page 21: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Conceptual models

Page 22: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

How do things connect? Apparently similar products can work in different ways

InternetLocal WiFi

Page 23: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Which code runs where? When parts of the system things lose connectivity or power, what stops working?

It depends on the system model

Product images: Philips

Page 24: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Interusability

Wäljas, M., Segerståhl, K., Väänänen-Vainio-Mattila, K., Oinas-Kukkonen, H., (2010). Cross-Platform Service User Experience: A Field Study and an Initial Framework. Mobile HCI 2010.

Page 25: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Composition: which bit does what?Distributing user-facing functionality across devices

(Nearly) all interactions via phone app Interactions mirrored on phone and thermostat

Image: Tado Image: ecobee

Page 26: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Key actions on the device…

… the same actions, but more control and additional features, in app.

Page 27: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

..or a special set of features offloaded to the app so as not to get in the way of the main experience

Page 28: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Appropriate consistency across UIs? Terminology is the most basic example.

However different the UIs, identical functions must have the same name

Images: British Gas

Page 29: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

How can devices/UIs feel like a family?

Images: Nest

“Click”

Nest use visual and audio cues to tie the thermostat and phone app together

Page 30: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

At an absolute minimum:

Images: British Gas

Identical functions must have the same name

Page 31: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

We don’t (yet) expect Things to behave like the Internet

The average consumer is going to find it very strange when objects take time to respond, or lose instructions

Image: Nissim Farim

Page 32: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Latency and reliability: delays and glitches

[Video: Philips Hue over local WiFi vs 4G connection]

Page 33: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

90 second delay

Intermittent connectivity

Images: British Gas

Sometimes parts of the system take time to connect and sync

Page 34: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Intermittent connectivity (and latency)

[Video: British Gas Hive heating controller]

Page 35: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Delays and glitches can undermine the value of the product

…………………………..

“Oh, never mind”

[ding dong]

Nicolas Calderone via macsources.com

Page 36: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

We can no longer sustainthe illusion of direct manipulation

Page 37: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

We can’t always create seamless user experiences in IoT

We need to handle delays and uncertainties gracefully (continuity)

Page 38: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Option 1: The optimistic white lie

Pretend it’s worked.

Backpedal if it goes wrong.

Page 39: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Instagram does this

The photo is already shown as ‘liked’, even though the phone OS tells us that the instruction is still being sent

Page 40: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Let me think about that…

…nope

Images: Philips

So does Philips Hue

Pretend it’s worked.

Backpedal if it goes wrong.

Page 41: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Variant: Acknowledge and hope

“Alexa, turn the living room lights off”

Did it work?

“OK!” “OK!”

Yes No

Page 42: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Option 2: Be truthful and transparent

Page 43: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Some people really spell it out

Images: Lowes

Page 44: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Safety critical/urgent

Messages must get through quickly

Always communicate what’s actually happening

Low touch/non-critical

OK if data or instructions take time to get through

User can assume it’s working until notified of a problem

The ‘right’ approach depends on context

Images: MyLively, Efergy

Page 45: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Data: fuzzy and timely or precise but old?

[Flossie: is here! [11.32]

Mr Pickles was here at 15.02

Mr Pickles is around here now

Page 46: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

It’s about interconnections, and the experience of the system

Images: MyLively, Efergy

Page 47: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Your system… and other systemsWhich other products and services work with yours?

What other ways to interact (and potential glitches) does that introduce?

How do users manage the complexity of many interconnected products and services?

Page 48: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Tesler’s law of the conservation of complexity:

As you make the user interaction simpler you make things more complicated for the designer or engineer

Larry Tesler, former VP of Apple

Page 49: Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland

Merci! Questions?

@clurr | [email protected] www.designingconnectedproducts.com

Get 50% off the ebook from shop.oreilly.com using code AUTHD