SlideShare a Scribd company logo
Interusability:
designing a coherent
system UX
Claire Rowland - @clurr Image: Greg Williams via Flickr
Hello :)
- Independent UX and product
consultant
- Lead author: “Designing
Connected Products: UX for the
consumer internet of things”
One person, one computer, one UI,
probably doing work, low context
Conventional usability
Image: Radio Shack via scalzi.com
Things have changed…
Mobile, specialized devices, cross-platform, multi-user, distributed,
contextual awareness, embedded in the world
Images: Withings, Made by Many, Philips, Streetline, Evrythng/Diageo, Lockitron
- The fundamental heuristics of
usability are still valid
- They relate to the capabilities
of the human brain and brains
haven’t changed
- But there are some new
concerns to take into account
…(although we haven’t)
Image: Popular Science Monthly via Wikicommons
UX for IoT: not just UI & industrial design
Images: Nest
Users have to understand systems
- Functionality and interactions are distributed across multiple
devices, often with different capabilities
- Systems are inherently harder to understand
- We are much better at thinking about things than about
relationships between things
Images: Withings
Image: Nissim Farim
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.
Facets of IoT UX
Today we’ll look at this part:
Conceptual models
Understanding how it works
3 part diagram:
Value
proposition
Conceptual
model
Interaction
model
What does it do? How does it work? How do I use it?
Image: Instructables Image: How It Works Daily
Non-connected products are often
conceptually quite simple
Connected products are more complex
Product images: Philips
Connectedness requires users to think
about system models
- Which bit does what?
- Where does code run?
- What fails/still works if
connectivity is lost?
It’s extra stuff to think about
Product images: LIFX, Philips, Cree
In addition to price, aesthetics and features, customers have to understand how a
product connects and whether that meets their needs.
You can explain the system model...
BERG Cloud bridge: transparent network commsLowes Iris: showing the
connection to the hub
Image: BERGImage: Lowes
…or simplify the conceptual model
…and iBeaconsAutomatic gearboxes…
Image: Estimote
What actually happensWhat the user needs to know
iBeacons
Interusability
Creating a coherent system UX
Cross-Platform Service User Experience: A Field Study and an Initial Framework. Minna Wäljas, Katarina Segerståhl, Kaisa
Väänänen-Vainio-Mattila, Harri Oinas-Kukkonen MobileHCI’10: http://bugi.oulu.fi/~ksegerst/publications/p219-waljas.pdf
Composition
How functionality is distributed across devices
Distribute functionality to suit the
context of use
(Nearly) all interactions via phone app Interactions mirrored on phone and
thermostat
Image: Tado Images: British Gas
Another example:
Product images: BlueSpray, skydrop
Minimal elegance? Or missing features?
Product images: drop
Determining the right composition
- What best fits the context of use?
What do users expect?
- What devices do users already have
and what can they do?
- How much should the hardware
cost?
- How much do you need to upgrade
the system or change features over
time?
- Do you need local control if
connectivity is unavailable?
- Does the system need to work if
some devices are unavailable?
- How accurate does sensing need to
be? Product images: ring
Consistency
Appropriate consistency across UIs and interactions
“Users should not have to worry
whether different words,
situations or actions mean the
same thing. Follow platform
conventions.”
- Words, data and actions
- Aesthetic/visual design
- Interaction architecture: how
functionality is organised
- Interaction logic: how tasks
are structured, the types of
control used
http://www.nngroup.com/articles/ten-usability-heuristics/
What is it…
Consistency != making everything the
same
This:
“Users should not have to worry
whether different words,
situations or actions mean the
same thing.“
…may be in tension with
this:
“Follow platform conventions.” Image: Made by Many
Top priority: terminology
However different the UIs, identical
functions must have the same name
Images: British Gas
Follow device platform conventions…
- …
Android contextual menu iOS separate screen
Images: Spotify
- e.g. Nest
A touchscreen does not need
a fake bezel
A thermostat does not have to
pretend to be an iPhone
Images: Nest
…be true to the device
Aesthetic styling
“Click”
Nest use visual and audio cues to tie the thermostat and phone app
together
Images: Nest
Interaction architecture need not be the
same
- The logical structure of UI
features and controls is
likely to be platform
dependent
- Different features may be
prioritised on different
devices
- Devices with limited UIs
may need deeper
hierarchies Legacy hardware UIs may be less than ideal
(e.g. confusing modes) but that need not
restrict other device UIs
Continuity
Fluent cross-device interactions
What is it…
- The flow of interactions and
data in a coherent sequence
across devices
- Continuity helps the user feel as
if they are interacting with the
service, not a bunch of separate
devices
Image: Kei Noguchi via CC licence
Continuity is not always about
seamlessness… it often means handling
interstitial states gracefully
Some technical context:
- Some IoT devices have batteries and only connect intermittently
to conserve power. In conventional UX we assume devices are
mostly connected, but many IoT devices may spend more time
offline
- Networks are subject to latency (esp. the internet) and reliability
issues. People have mental models that help them understand
this online, but delays and failures might feel strange in physical
objects
Image: New Wave DV
Latency and reliability
BERG Cloudwash prototype
Interactions won’t always be smooth and immediate
We expect
switches to work
like this
- The switch both confirms the
user action and shows the
state of the lamp
- But in reality, latency and
reliability issues mean this
can’t be guaranteed over a
network
- The user can’t tell whether
their action has been
executed or whether it’s in
progress
Option 1: 

the white lie
Confirm action, backpedal if
something goes wrong
Instagram do this
The photo is already shown as
‘liked’, even though the
instruction is still being sent
Option 2: 

be transparent
- Acknowledge action, show
that it is in progress
- Confirm only once it’s done
WeMo Switch does this subtly
Lowes Iris is more explicit
Images: Lowes
Intermittency
19
2 min delay
21
When some devices that only check into the network occasionally,
there may be conflicting information about the status of the
system. Data/actions may need to be timestamped.
Safety critical/urgent
Messages must get through quickly
Status information needs to be updated
frequently, and clearly indicate how old it
is
Need to know when instructions have
been received and acted upon
Low touch/non-critical:
Assume it’s working unless notified of
a problem
OK if data or instructions take time to
get through (as long as they are
timestamped)
Senior safety/intruder alarm
Energy monitorLightingBaby monitor
The ‘right’ approach depends on context
Images: MyLively, Efergy
A final thought
Good consumer UX for IoT is
surprisingly hard
We have to get this stuff right for mass
adoption
‘It’s a bit glitchy but it’s OK, you just have to be in
the room at the same time’.
Actual review of a connected home system
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
@clurr
claire@clairerowland.com
www.designingconnectedproducts.com
Thank you

More Related Content

What's hot

UX Day Mannheim: UX for systems of connected products
UX Day Mannheim: UX for systems of connected productsUX Day Mannheim: UX for systems of connected products
UX Day Mannheim: UX for systems of connected products
Claire Rowland
 
Design for failure in the IoT: what could possibly go wrong?
Design for failure in the IoT: what could possibly go wrong?Design for failure in the IoT: what could possibly go wrong?
Design for failure in the IoT: what could possibly go wrong?
Claire Rowland
 
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
UX Scotland 2018: Systems, discontinuities and thinking beyond UI:  Key quest...UX Scotland 2018: Systems, discontinuities and thinking beyond UI:  Key quest...
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
Claire Rowland
 
Martin Charlier - Designing Connected Products - raincloud.eu
Martin Charlier - Designing Connected Products - raincloud.eu Martin Charlier - Designing Connected Products - raincloud.eu
Martin Charlier - Designing Connected Products - raincloud.eu
Business of Software Conference
 
Challenges and tools of multi-screen UX
Challenges and tools of multi-screen UXChallenges and tools of multi-screen UX
Challenges and tools of multi-screen UX
Hugo Labonde
 
Internet of things
Internet of thingsInternet of things
Internet of things
Serhiy Baryshniev
 
The network as a design material: Interaction 16 workshop
The network as a design material: Interaction 16 workshopThe network as a design material: Interaction 16 workshop
The network as a design material: Interaction 16 workshop
Claire Rowland
 
Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland
Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire RowlandFlupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland
Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland
Flupa
 
CoITus {TASK.to September 2012}
CoITus {TASK.to September 2012}CoITus {TASK.to September 2012}
CoITus {TASK.to September 2012}
Tadd Axon
 
#TFT12: Amber Case
#TFT12: Amber Case#TFT12: Amber Case
TFT13 - Ian Aitchison, Approaching the Event Horizon
TFT13 - Ian Aitchison, Approaching the Event HorizonTFT13 - Ian Aitchison, Approaching the Event Horizon
TFT13 - Ian Aitchison, Approaching the Event Horizon
TFT presentations Tomorrow's IT Service Future Today
 
Impacts of HCI
Impacts of HCIImpacts of HCI
Impacts of HCI
Shwe Yee
 
Current and Future Trends in Media and Information
Current and Future Trends in Media and InformationCurrent and Future Trends in Media and Information
Current and Future Trends in Media and Information
Angelo Delossantos
 
Seminar slides
Seminar slidesSeminar slides
Seminar slides
G B
 
Design Issues with Microsft Word
Design Issues with Microsft WordDesign Issues with Microsft Word
Design Issues with Microsft Word
Abdullah Shiam
 
Service design for the cloud of diverse devices
Service design for the cloud of diverse devicesService design for the cloud of diverse devices
Service design for the cloud of diverse devices
Claire Rowland
 
Designing Microinteractions for Better UX
Designing Microinteractions for Better UXDesigning Microinteractions for Better UX
Designing Microinteractions for Better UX
Justin Stollsteimer
 
Human Centering Your Association and the Rise of Microinteractions
Human Centering Your Association and the Rise of MicrointeractionsHuman Centering Your Association and the Rise of Microinteractions
Human Centering Your Association and the Rise of Microinteractions
Matt Curtin
 
Micro Interactions
Micro InteractionsMicro Interactions
Micro Interactions
David Armano
 
Web 2.0
Web 2.0Web 2.0

What's hot (20)

UX Day Mannheim: UX for systems of connected products
UX Day Mannheim: UX for systems of connected productsUX Day Mannheim: UX for systems of connected products
UX Day Mannheim: UX for systems of connected products
 
Design for failure in the IoT: what could possibly go wrong?
Design for failure in the IoT: what could possibly go wrong?Design for failure in the IoT: what could possibly go wrong?
Design for failure in the IoT: what could possibly go wrong?
 
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
UX Scotland 2018: Systems, discontinuities and thinking beyond UI:  Key quest...UX Scotland 2018: Systems, discontinuities and thinking beyond UI:  Key quest...
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
 
Martin Charlier - Designing Connected Products - raincloud.eu
Martin Charlier - Designing Connected Products - raincloud.eu Martin Charlier - Designing Connected Products - raincloud.eu
Martin Charlier - Designing Connected Products - raincloud.eu
 
Challenges and tools of multi-screen UX
Challenges and tools of multi-screen UXChallenges and tools of multi-screen UX
Challenges and tools of multi-screen UX
 
Internet of things
Internet of thingsInternet of things
Internet of things
 
The network as a design material: Interaction 16 workshop
The network as a design material: Interaction 16 workshopThe network as a design material: Interaction 16 workshop
The network as a design material: Interaction 16 workshop
 
Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland
Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire RowlandFlupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland
Flupa UX Days 2017 : "What's diffrent about UX for IOT" par Claire Rowland
 
CoITus {TASK.to September 2012}
CoITus {TASK.to September 2012}CoITus {TASK.to September 2012}
CoITus {TASK.to September 2012}
 
#TFT12: Amber Case
#TFT12: Amber Case#TFT12: Amber Case
#TFT12: Amber Case
 
TFT13 - Ian Aitchison, Approaching the Event Horizon
TFT13 - Ian Aitchison, Approaching the Event HorizonTFT13 - Ian Aitchison, Approaching the Event Horizon
TFT13 - Ian Aitchison, Approaching the Event Horizon
 
Impacts of HCI
Impacts of HCIImpacts of HCI
Impacts of HCI
 
Current and Future Trends in Media and Information
Current and Future Trends in Media and InformationCurrent and Future Trends in Media and Information
Current and Future Trends in Media and Information
 
Seminar slides
Seminar slidesSeminar slides
Seminar slides
 
Design Issues with Microsft Word
Design Issues with Microsft WordDesign Issues with Microsft Word
Design Issues with Microsft Word
 
Service design for the cloud of diverse devices
Service design for the cloud of diverse devicesService design for the cloud of diverse devices
Service design for the cloud of diverse devices
 
Designing Microinteractions for Better UX
Designing Microinteractions for Better UXDesigning Microinteractions for Better UX
Designing Microinteractions for Better UX
 
Human Centering Your Association and the Rise of Microinteractions
Human Centering Your Association and the Rise of MicrointeractionsHuman Centering Your Association and the Rise of Microinteractions
Human Centering Your Association and the Rise of Microinteractions
 
Micro Interactions
Micro InteractionsMicro Interactions
Micro Interactions
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 

Similar to Over the Air 15: Experience design for the IoT: system UX & interusability 150924

Download
DownloadDownload
Download
Valar Mathi
 
Broken by design (Danny Fullerton)
Broken by design (Danny Fullerton)Broken by design (Danny Fullerton)
Broken by design (Danny Fullerton)
Hackfest Communication
 
Augmented reality
Augmented realityAugmented reality
Augmented reality
Abdelrahman Ali
 
WBS Final
WBS FinalWBS Final
WBS Final
Vadim Artishuk
 
CLOUD COMPUTING CHANTI-130 ( FOR THE COMPUTING2).pdf
CLOUD COMPUTING CHANTI-130 ( FOR THE COMPUTING2).pdfCLOUD COMPUTING CHANTI-130 ( FOR THE COMPUTING2).pdf
CLOUD COMPUTING CHANTI-130 ( FOR THE COMPUTING2).pdf
yadavkarthik4437
 
Cloud Computing
Cloud Computing Cloud Computing
Cloud Computing
MANVENDRA PRIYADARSHI
 
AGI Part 4.pdf
AGI Part 4.pdfAGI Part 4.pdf
AGI Part 4.pdf
Bob Marcus
 
Btec Business Level 3 Unit 14 M1
Btec Business Level 3 Unit 14 M1Btec Business Level 3 Unit 14 M1
Btec Business Level 3 Unit 14 M1
Rachel Phillips
 
The network as a design material: Interaction 16 workshop
The network as a design material: Interaction 16 workshopThe network as a design material: Interaction 16 workshop
The network as a design material: Interaction 16 workshop
Helen Le Voi
 
No Silver Bullet Essence and Accidents ofSoftware Engineeri.docx
No Silver Bullet Essence and Accidents ofSoftware Engineeri.docxNo Silver Bullet Essence and Accidents ofSoftware Engineeri.docx
No Silver Bullet Essence and Accidents ofSoftware Engineeri.docx
curwenmichaela
 
Password security system for websites
Password security system for websitesPassword security system for websites
Password security system for websites
Mike Taylor
 
Android Application For Decentralized Family Locator
Android Application For Decentralized Family LocatorAndroid Application For Decentralized Family Locator
Android Application For Decentralized Family Locator
IRJET Journal
 
IOT - Design Principles of Connected Devices
IOT - Design Principles of Connected DevicesIOT - Design Principles of Connected Devices
IOT - Design Principles of Connected Devices
Devyani Vasistha
 
IoT Meetup Stockholm - Designing Connected Products
IoT Meetup Stockholm - Designing Connected ProductsIoT Meetup Stockholm - Designing Connected Products
IoT Meetup Stockholm - Designing Connected Products
Martin Charlier
 
Iirdem screen less displays – the imminent vanguard
Iirdem screen less displays – the imminent vanguardIirdem screen less displays – the imminent vanguard
Iirdem screen less displays – the imminent vanguard
Iaetsd Iaetsd
 
Future platform for internet of things
Future platform for internet of thingsFuture platform for internet of things
Future platform for internet of things
Coldbeans Software
 
SECURITY SYSTEM INTEGRATION
SECURITY SYSTEM INTEGRATIONSECURITY SYSTEM INTEGRATION
SECURITY SYSTEM INTEGRATION
Santiago Beron, RCDD, CTS-D
 
Bionic Model for Control Platforms
Bionic Model for Control PlatformsBionic Model for Control Platforms
Bionic Model for Control Platforms
Hao Yuan Cheng
 
Introduction to it application
Introduction to it applicationIntroduction to it application
Introduction to it application
Kumar
 
Designing Connected Products - Web Directions 2015 Sydney
Designing Connected Products - Web Directions 2015 SydneyDesigning Connected Products - Web Directions 2015 Sydney
Designing Connected Products - Web Directions 2015 Sydney
Martin Charlier
 

Similar to Over the Air 15: Experience design for the IoT: system UX & interusability 150924 (20)

Download
DownloadDownload
Download
 
Broken by design (Danny Fullerton)
Broken by design (Danny Fullerton)Broken by design (Danny Fullerton)
Broken by design (Danny Fullerton)
 
Augmented reality
Augmented realityAugmented reality
Augmented reality
 
WBS Final
WBS FinalWBS Final
WBS Final
 
CLOUD COMPUTING CHANTI-130 ( FOR THE COMPUTING2).pdf
CLOUD COMPUTING CHANTI-130 ( FOR THE COMPUTING2).pdfCLOUD COMPUTING CHANTI-130 ( FOR THE COMPUTING2).pdf
CLOUD COMPUTING CHANTI-130 ( FOR THE COMPUTING2).pdf
 
Cloud Computing
Cloud Computing Cloud Computing
Cloud Computing
 
AGI Part 4.pdf
AGI Part 4.pdfAGI Part 4.pdf
AGI Part 4.pdf
 
Btec Business Level 3 Unit 14 M1
Btec Business Level 3 Unit 14 M1Btec Business Level 3 Unit 14 M1
Btec Business Level 3 Unit 14 M1
 
The network as a design material: Interaction 16 workshop
The network as a design material: Interaction 16 workshopThe network as a design material: Interaction 16 workshop
The network as a design material: Interaction 16 workshop
 
No Silver Bullet Essence and Accidents ofSoftware Engineeri.docx
No Silver Bullet Essence and Accidents ofSoftware Engineeri.docxNo Silver Bullet Essence and Accidents ofSoftware Engineeri.docx
No Silver Bullet Essence and Accidents ofSoftware Engineeri.docx
 
Password security system for websites
Password security system for websitesPassword security system for websites
Password security system for websites
 
Android Application For Decentralized Family Locator
Android Application For Decentralized Family LocatorAndroid Application For Decentralized Family Locator
Android Application For Decentralized Family Locator
 
IOT - Design Principles of Connected Devices
IOT - Design Principles of Connected DevicesIOT - Design Principles of Connected Devices
IOT - Design Principles of Connected Devices
 
IoT Meetup Stockholm - Designing Connected Products
IoT Meetup Stockholm - Designing Connected ProductsIoT Meetup Stockholm - Designing Connected Products
IoT Meetup Stockholm - Designing Connected Products
 
Iirdem screen less displays – the imminent vanguard
Iirdem screen less displays – the imminent vanguardIirdem screen less displays – the imminent vanguard
Iirdem screen less displays – the imminent vanguard
 
Future platform for internet of things
Future platform for internet of thingsFuture platform for internet of things
Future platform for internet of things
 
SECURITY SYSTEM INTEGRATION
SECURITY SYSTEM INTEGRATIONSECURITY SYSTEM INTEGRATION
SECURITY SYSTEM INTEGRATION
 
Bionic Model for Control Platforms
Bionic Model for Control PlatformsBionic Model for Control Platforms
Bionic Model for Control Platforms
 
Introduction to it application
Introduction to it applicationIntroduction to it application
Introduction to it application
 
Designing Connected Products - Web Directions 2015 Sydney
Designing Connected Products - Web Directions 2015 SydneyDesigning Connected Products - Web Directions 2015 Sydney
Designing Connected Products - Web Directions 2015 Sydney
 

More from Claire Rowland

"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su..."Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
Claire Rowland
 
(now an old version) The Web and Beyond: "Siri, did I leave the oven on?" Mun...
(now an old version) The Web and Beyond: "Siri, did I leave the oven on?" Mun...(now an old version) The Web and Beyond: "Siri, did I leave the oven on?" Mun...
(now an old version) The Web and Beyond: "Siri, did I leave the oven on?" Mun...
Claire Rowland
 
Updated: Design beyond the glowing rectangle (Polish IA Summit 2011)
Updated: Design beyond the glowing rectangle (Polish IA Summit 2011)Updated: Design beyond the glowing rectangle (Polish IA Summit 2011)
Updated: Design beyond the glowing rectangle (Polish IA Summit 2011)
Claire Rowland
 
Fjord: Digital Nomads white paper
Fjord: Digital Nomads white paperFjord: Digital Nomads white paper
Fjord: Digital Nomads white paper
Claire Rowland
 
Design beyond the glowing rectangle - EuroIA2010
Design beyond the glowing rectangle - EuroIA2010Design beyond the glowing rectangle - EuroIA2010
Design beyond the glowing rectangle - EuroIA2010
Claire Rowland
 
Psychology Of Creativity - London IA 30.03.10
Psychology Of Creativity - London IA 30.03.10Psychology Of Creativity - London IA 30.03.10
Psychology Of Creativity - London IA 30.03.10
Claire Rowland
 
Over the Air: Inspiration/Outspiration panel slides
Over the Air: Inspiration/Outspiration panel slidesOver the Air: Inspiration/Outspiration panel slides
Over the Air: Inspiration/Outspiration panel slides
Claire Rowland
 

More from Claire Rowland (7)

"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su..."Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
 
(now an old version) The Web and Beyond: "Siri, did I leave the oven on?" Mun...
(now an old version) The Web and Beyond: "Siri, did I leave the oven on?" Mun...(now an old version) The Web and Beyond: "Siri, did I leave the oven on?" Mun...
(now an old version) The Web and Beyond: "Siri, did I leave the oven on?" Mun...
 
Updated: Design beyond the glowing rectangle (Polish IA Summit 2011)
Updated: Design beyond the glowing rectangle (Polish IA Summit 2011)Updated: Design beyond the glowing rectangle (Polish IA Summit 2011)
Updated: Design beyond the glowing rectangle (Polish IA Summit 2011)
 
Fjord: Digital Nomads white paper
Fjord: Digital Nomads white paperFjord: Digital Nomads white paper
Fjord: Digital Nomads white paper
 
Design beyond the glowing rectangle - EuroIA2010
Design beyond the glowing rectangle - EuroIA2010Design beyond the glowing rectangle - EuroIA2010
Design beyond the glowing rectangle - EuroIA2010
 
Psychology Of Creativity - London IA 30.03.10
Psychology Of Creativity - London IA 30.03.10Psychology Of Creativity - London IA 30.03.10
Psychology Of Creativity - London IA 30.03.10
 
Over the Air: Inspiration/Outspiration panel slides
Over the Air: Inspiration/Outspiration panel slidesOver the Air: Inspiration/Outspiration panel slides
Over the Air: Inspiration/Outspiration panel slides
 

Recently uploaded

Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
Mostafa Abd Elrahman
 
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
tanupasswan6
 
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
monikaservice00
 
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
Anit Kapoor
 
Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024
Hemant Nagwekar
 
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
77sayre
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
bookneha89
 
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model SafeGirls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
bookkdreambebe
 
Artificial Intelligence (AI) is revolutionizing the field of architecture
Artificial Intelligence (AI) is revolutionizing the field of architectureArtificial Intelligence (AI) is revolutionizing the field of architecture
Artificial Intelligence (AI) is revolutionizing the field of architecture
Mostafa Abd Elrahman
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
sexytaniya455
 
oyo Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 in...
oyo Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 in...oyo Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 in...
oyo Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 in...
monikaservice00
 
New PPT Template for operations on field.pptx
New PPT Template for operations on field.pptxNew PPT Template for operations on field.pptx
New PPT Template for operations on field.pptx
hicham benkhelifa
 
GRID integration of Wind energy conversion system
GRID integration of Wind energy conversion systemGRID integration of Wind energy conversion system
GRID integration of Wind energy conversion system
sulabhsachan
 
AI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptxAI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptx
Shayestha Fathima
 
HongHao Furniture Catalogue EN 202407 - Store Fit-out.pdf
HongHao Furniture Catalogue EN 202407 - Store Fit-out.pdfHongHao Furniture Catalogue EN 202407 - Store Fit-out.pdf
HongHao Furniture Catalogue EN 202407 - Store Fit-out.pdf
Hong Hao Furniture Ltd.
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
MojtabaMeghdari
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
Pixeldarts
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
rawankhanlove256
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
miss ekta$A17
 
The Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady Hat
TeeFusion
 

Recently uploaded (20)

Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
 
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
 
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
 
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
 
Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024
 
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model SafeGirls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
Girls Call Indore ❤ 9800★00002 ❤ VIP Neha Singla Top Model Safe
 
Artificial Intelligence (AI) is revolutionizing the field of architecture
Artificial Intelligence (AI) is revolutionizing the field of architectureArtificial Intelligence (AI) is revolutionizing the field of architecture
Artificial Intelligence (AI) is revolutionizing the field of architecture
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
 
oyo Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 in...
oyo Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 in...oyo Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 in...
oyo Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 in...
 
New PPT Template for operations on field.pptx
New PPT Template for operations on field.pptxNew PPT Template for operations on field.pptx
New PPT Template for operations on field.pptx
 
GRID integration of Wind energy conversion system
GRID integration of Wind energy conversion systemGRID integration of Wind energy conversion system
GRID integration of Wind energy conversion system
 
AI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptxAI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptx
 
HongHao Furniture Catalogue EN 202407 - Store Fit-out.pdf
HongHao Furniture Catalogue EN 202407 - Store Fit-out.pdfHongHao Furniture Catalogue EN 202407 - Store Fit-out.pdf
HongHao Furniture Catalogue EN 202407 - Store Fit-out.pdf
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
 
The Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady Hat
 

Over the Air 15: Experience design for the IoT: system UX & interusability 150924

  • 1. Interusability: designing a coherent system UX Claire Rowland - @clurr Image: Greg Williams via Flickr
  • 2. Hello :) - Independent UX and product consultant - Lead author: “Designing Connected Products: UX for the consumer internet of things”
  • 3. One person, one computer, one UI, probably doing work, low context Conventional usability Image: Radio Shack via scalzi.com
  • 4. Things have changed… Mobile, specialized devices, cross-platform, multi-user, distributed, contextual awareness, embedded in the world Images: Withings, Made by Many, Philips, Streetline, Evrythng/Diageo, Lockitron
  • 5. - The fundamental heuristics of usability are still valid - They relate to the capabilities of the human brain and brains haven’t changed - But there are some new concerns to take into account …(although we haven’t) Image: Popular Science Monthly via Wikicommons
  • 6. UX for IoT: not just UI & industrial design Images: Nest
  • 7. Users have to understand systems - Functionality and interactions are distributed across multiple devices, often with different capabilities - Systems are inherently harder to understand - We are much better at thinking about things than about relationships between things Images: Withings
  • 8. Image: Nissim Farim 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.
  • 10. Today we’ll look at this part:
  • 12. 3 part diagram: Value proposition Conceptual model Interaction model What does it do? How does it work? How do I use it? Image: Instructables Image: How It Works Daily
  • 13. Non-connected products are often conceptually quite simple
  • 14. Connected products are more complex Product images: Philips
  • 15. Connectedness requires users to think about system models - Which bit does what? - Where does code run? - What fails/still works if connectivity is lost?
  • 16. It’s extra stuff to think about Product images: LIFX, Philips, Cree In addition to price, aesthetics and features, customers have to understand how a product connects and whether that meets their needs.
  • 17. You can explain the system model... BERG Cloud bridge: transparent network commsLowes Iris: showing the connection to the hub Image: BERGImage: Lowes
  • 18. …or simplify the conceptual model …and iBeaconsAutomatic gearboxes… Image: Estimote
  • 19. What actually happensWhat the user needs to know iBeacons
  • 20. Interusability Creating a coherent system UX Cross-Platform Service User Experience: A Field Study and an Initial Framework. Minna Wäljas, Katarina Segerståhl, Kaisa Väänänen-Vainio-Mattila, Harri Oinas-Kukkonen MobileHCI’10: http://bugi.oulu.fi/~ksegerst/publications/p219-waljas.pdf
  • 21. Composition How functionality is distributed across devices
  • 22. Distribute functionality to suit the context of use (Nearly) all interactions via phone app Interactions mirrored on phone and thermostat Image: Tado Images: British Gas
  • 23. Another example: Product images: BlueSpray, skydrop
  • 24. Minimal elegance? Or missing features? Product images: drop
  • 25. Determining the right composition - What best fits the context of use? What do users expect? - What devices do users already have and what can they do? - How much should the hardware cost? - How much do you need to upgrade the system or change features over time? - Do you need local control if connectivity is unavailable? - Does the system need to work if some devices are unavailable? - How accurate does sensing need to be? Product images: ring
  • 27. “Users should not have to worry whether different words, situations or actions mean the same thing. Follow platform conventions.” - Words, data and actions - Aesthetic/visual design - Interaction architecture: how functionality is organised - Interaction logic: how tasks are structured, the types of control used http://www.nngroup.com/articles/ten-usability-heuristics/ What is it…
  • 28. Consistency != making everything the same This: “Users should not have to worry whether different words, situations or actions mean the same thing.“ …may be in tension with this: “Follow platform conventions.” Image: Made by Many
  • 29. Top priority: terminology However different the UIs, identical functions must have the same name Images: British Gas
  • 30. Follow device platform conventions… - … Android contextual menu iOS separate screen Images: Spotify
  • 31. - e.g. Nest A touchscreen does not need a fake bezel A thermostat does not have to pretend to be an iPhone Images: Nest …be true to the device
  • 32. Aesthetic styling “Click” Nest use visual and audio cues to tie the thermostat and phone app together Images: Nest
  • 33. Interaction architecture need not be the same - The logical structure of UI features and controls is likely to be platform dependent - Different features may be prioritised on different devices - Devices with limited UIs may need deeper hierarchies Legacy hardware UIs may be less than ideal (e.g. confusing modes) but that need not restrict other device UIs
  • 35. What is it… - The flow of interactions and data in a coherent sequence across devices - Continuity helps the user feel as if they are interacting with the service, not a bunch of separate devices Image: Kei Noguchi via CC licence
  • 36. Continuity is not always about seamlessness… it often means handling interstitial states gracefully Some technical context: - Some IoT devices have batteries and only connect intermittently to conserve power. In conventional UX we assume devices are mostly connected, but many IoT devices may spend more time offline - Networks are subject to latency (esp. the internet) and reliability issues. People have mental models that help them understand this online, but delays and failures might feel strange in physical objects Image: New Wave DV
  • 37. Latency and reliability BERG Cloudwash prototype Interactions won’t always be smooth and immediate
  • 38. We expect switches to work like this - The switch both confirms the user action and shows the state of the lamp - But in reality, latency and reliability issues mean this can’t be guaranteed over a network - The user can’t tell whether their action has been executed or whether it’s in progress
  • 39. Option 1: 
 the white lie Confirm action, backpedal if something goes wrong
  • 40. Instagram do this The photo is already shown as ‘liked’, even though the instruction is still being sent
  • 41. Option 2: 
 be transparent - Acknowledge action, show that it is in progress - Confirm only once it’s done
  • 42. WeMo Switch does this subtly
  • 43. Lowes Iris is more explicit Images: Lowes
  • 44. Intermittency 19 2 min delay 21 When some devices that only check into the network occasionally, there may be conflicting information about the status of the system. Data/actions may need to be timestamped.
  • 45. Safety critical/urgent Messages must get through quickly Status information needs to be updated frequently, and clearly indicate how old it is Need to know when instructions have been received and acted upon Low touch/non-critical: Assume it’s working unless notified of a problem OK if data or instructions take time to get through (as long as they are timestamped) Senior safety/intruder alarm Energy monitorLightingBaby monitor The ‘right’ approach depends on context Images: MyLively, Efergy
  • 46. A final thought Good consumer UX for IoT is surprisingly hard
  • 47. We have to get this stuff right for mass adoption ‘It’s a bit glitchy but it’s OK, you just have to be in the room at the same time’. Actual review of a connected home system
  • 48. 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