#UX4IoT #SXSW2014!
Re-orientating UX Design
for the Internet of Things
Alfred Lui (@connection76)
#UX4IoT #SXSW2014!
Rectangles
Photo: http://www.the-blueprints.com/blueprints-depot/phones/motorola/motorola-v3-razr-02.gif!
#UX4IoT #SXSW2014!
Rectangles
#UX4IoT #SXSW2014!
ahem.
#UX4IoT #SXSW2014!
Not a rectangle.
#UX4IoT #SXSW2014!
Every shape and size.!
#UX4IoT #SXSW2014!
Internet of Things is a network
of uniquely identifiable and
interoperable objects
connected by services over the
Internet.!
#UX4IoT #SXSW2014!
Cheap, Power
Efficient CPUs
Open Cloud
API’s
Data
Everywhere
#UX4IoT #SXSW2014!
Cheap, Power
Efficient CPUs
Open Cloud
API’s
Data
Everywhere
Smart Devices
Everywhere
Source:http://share.cisco.com/internet-of-things.html!
#UX4IoT #SXSW2014!
What does it mean for designers?!
#UX4IoT #SXSW2014!
Proportioning UX to
Attention
#UX4IoT #SXSW2014!
1990
Sound: http://soundbible.com/1701-Modem.html!
#UX4IoT #SXSW2014!
2014
Sound: http://www.zedge.net/ringtone/1406964/2012-apple-tritone/!
#UX4IoT #SXSW2014!
We no longer own the foreground
•  Designers have been designing for the
foreground
•  The number of devices increases, but
people’s attention remains constant!
#UX4IoT #SXSW2014!
Today
Push! Pull!
#UX4IoT #SXSW2014!
Push! Pull!Ambient!
Ambient Information!
#UX4IoT #SXSW2014!
Scale with User’s Attention
Push! Pull!Ambient!
#UX4IoT #SXSW2014!
Energy Joule from Ambient Devices
#UX4IoT #SXSW2014!
David Rose’s Demo at Lift 2009
Across the room Up-close Tap
Link to Demo!
#UX4IoT #SXSW2014!
Takeaway
•  Assume user’s attention to your device is low
•  Deliver single and complete ambient information
•  Take advantage of user’s behavior in the
environment to both scale information and lower
friction.!
Informational Value
Attention
#UX4IoT #SXSW2014!
Design with Data
#UX4IoT #SXSW2014!
Commoditization of data
#UX4IoT #SXSW2014!
Commoditization of data
#UX4IoT #SXSW2014!
Data without interpretation is
just quantified noise.
Commoditization of data
#UX4IoT #SXSW2014!
Commoditization of data
#UX4IoT #SXSW2014!
Today
Photo: www.pinterest.com!
#UX4IoT #SXSW2014!
A two-sided approach
Sense Making Storytelling!
#UX4IoT #SXSW2014!
Data! Idea!
Meaning! Human
Experience!
Insight
of the past
&
Foresight
into the
future!
Sense Making! Storytelling!
#UX4IoT #SXSW2014!
Data!
Data!
Data!
Data!
Progress!!
Data!
Progress!
How do
you feel?!
Insight +
Foresight!
Fitbit vs Jawbone UP!
#UX4IoT #SXSW2014!
Takeaway
•  Data without purpose is quantified noise.
•  Sense making + Story telling
•  Deliver insight + foresight!
#UX4IoT #SXSW2014!
Service Design
#UX4IoT #SXSW2014!
Service design is the activity of planning
and organizing people, infrastructure,
communication and material components
of a service in order to improve its quality
and the interaction between service
provider and customers.!
What is Service Design?!
Photo: http://store.nike.com/us/en_us/pw/fuelband/90w!
#UX4IoT #SXSW2014!
Why does it matter?
#UX4IoT #SXSW2014!
Nike Fuel Band
$149!
Photo: http://store.nike.com/us/en_us/pw/fuelband/90w!
Value is in the service
#UX4IoT #SXSW2014!
Value is in the service
Nike Fuel Band
$149!
Daiso Pedometer
$5!
Photo: http://store.nike.com/us/en_us/pw/fuelband/90w!
#UX4IoT #SXSW2014!
Wellness Service of Nike Fuelband
Photo: http://store.nike.com/us/en_us/pw/fuelband/90w!
Real-time Feedback
History and Trends
Shared Accountability
Peer Support
Reminders!
#UX4IoT #SXSW2014!
Wellness Service of Nike Fuelband
Photo: http://store.nike.com/us/en_us/pw/fuelband/90w, https://itunes.apple.com/us/app/nike+-fuelband/id493325070?mt=8!
http://smartuse.pro/wp-content/uploads/2013/03/Nike+_Dashboard.png!
Avatar!
Digital Touch-points!
Contents and
Branding!
#UX4IoT #SXSW2014!Photo: www,nest.com!
Service!Avatar!
Energy Management!
Distributed Lost & Found!
Remote Home Security!
#UX4IoT #SXSW2014!
What is the difference between
UX and Service Design?
#UX4IoT #SXSW2014!
Mobile Banking App UX Design
Select ‘Chat’
Tab
Select
Compose
Compose
Message
Select
Category
Display Error
Save Draft
Send
Select ‘Chat’
Tab
Connection?
Task Flow: User Requests Support from Mobile App!
#UX4IoT #SXSW2014!
Mobile Banking Service Design!
Journey: Customer Requests Support!
Compose
message!
APP!
EMAIL!
CALL CENTER!
SUPPORT
SUPERVISORS!
CUSTOMER!
Confirmation!
Assign Case!
Escalate for
Approval!
Respond to
customer!
New Msg
Notification!
Read
response!
Mark issue
resolved!Max. 4h!
#UX4IoT #SXSW2014!
Takeaway
•  Behind every IoT product is a service.
•  Service design is multi-touch, multi-perspective.
It is about orchestration.!
#UX4IoT #SXSW2014!
Design with Identity
#UX4IoT #SXSW2014!
Why Design for Identity?
#UX4IoT #SXSW2014!
Japanese cigarettes vending
machines!
Photo: http://upload.wikimedia.org/wikipedia/commons/4/46/Fujitaka_kodomo_check_system.jpg!
#UX4IoT #SXSW2014!
Disney MagicBand!
#UX4IoT #SXSW2014!
What about privacy?
#UX4IoT #SXSW2014!
Value of Service
Transparency
Privacy
#UX4IoT #SXSW2014!
Takeaway
•  Being able to customize experience using
identity has tremendous potential
•  Privacy is only an issue when the value of the
service is unclear and handling of data lacks
transparency.!
#UX4IoT #SXSW2014!
Parting Thoughts
#UX4IoT #SXSW2014!
80’s/90’s
TIME
PLACE
70’s
PERSON
2007
PURPOSE
Now
The 4th era of information access!
#UX4IoT #SXSW2014!
Our roles & responsibilities
1.  Create new normalcy for people
2.  Make existing services suck less
3.  Stop making Don’t stop at concept
videos!!
#UX4IoT #SXSW2014!Photo: https://sen.se/store/mother/!
#UX4IoT #SXSW2014!Photo: https://sen.se/store/mother/!
#UX4IoT #SXSW2014!
1.  Create new normalcy for people
2.  Make existing services suck less
3.  Stop making Don’t stop at concept
videos!!
Our roles & responsibilities
#UX4IoT #SXSW2014!
Thank you.
Alfred Lui @connection76!
San Francisco Internet of
Things Meetup (@SFIoTMeetup)

More Related Content

PDF
SF Design Week 2013: The Walls are Listening - Designing for the Internet of ...
PDF
Designing UX for the Internet of Things
PDF
Internet of Things: the next frontier for UX?
PDF
UX for the internet of things: ThingsCon 150505
PDF
Pratyush Pandab UX Researcher Portfolio
PPT
HOWTO: Scope Your Project for Positive Impact
PPT
Emerging Markets and the Internet of Things: Why Devices Designed for High-In...
PPTX
Get ready for dreamforce 2012
SF Design Week 2013: The Walls are Listening - Designing for the Internet of ...
Designing UX for the Internet of Things
Internet of Things: the next frontier for UX?
UX for the internet of things: ThingsCon 150505
Pratyush Pandab UX Researcher Portfolio
HOWTO: Scope Your Project for Positive Impact
Emerging Markets and the Internet of Things: Why Devices Designed for High-In...
Get ready for dreamforce 2012

Viewers also liked (20)

PDF
Introduction to UX Design
KEY
Why I liked Mezzanine CMS
PDF
How we use Bottle and Elasticsearch
PDF
Responsive Design Is Overrated: Developing context-aware UX for fun and profit
PDF
Riding the Wave of Exponential Innovation
PDF
UX for Internet of Things
PDF
Beyond Screen - User Experience for the Internet of things.
PPTX
Flask vs. Django
PDF
Mobile Convention Amsterdam 2015 / IoT Strategy - Mark Brill
PDF
The network as a design material: Interaction 16 workshop
PPTX
Artificial intelligence study project
PDF
Interusability: designing a coherent system UX
PDF
Interusability: Designing a Coherent System UX
PDF
Overcome the 6 Traps of Agile
KEY
UX Design And The Mind (UX Design + Persuasion)
PDF
The Weird Is Yet To Come - What do we want from a connected world?
PDF
Design beyond the glowing rectangle - EuroIA2010
PDF
Magical UX and the Internet of Things
PDF
Service Design & the Internet of Things / Service Design Drinks
PDF
Amuse UX 2015: Y.Vetrov — Platform Thinking
Introduction to UX Design
Why I liked Mezzanine CMS
How we use Bottle and Elasticsearch
Responsive Design Is Overrated: Developing context-aware UX for fun and profit
Riding the Wave of Exponential Innovation
UX for Internet of Things
Beyond Screen - User Experience for the Internet of things.
Flask vs. Django
Mobile Convention Amsterdam 2015 / IoT Strategy - Mark Brill
The network as a design material: Interaction 16 workshop
Artificial intelligence study project
Interusability: designing a coherent system UX
Interusability: Designing a Coherent System UX
Overcome the 6 Traps of Agile
UX Design And The Mind (UX Design + Persuasion)
The Weird Is Yet To Come - What do we want from a connected world?
Design beyond the glowing rectangle - EuroIA2010
Magical UX and the Internet of Things
Service Design & the Internet of Things / Service Design Drinks
Amuse UX 2015: Y.Vetrov — Platform Thinking
Ad

Similar to SXSW 2014: Re-orientating UX Design for the Internet of Things (20)

PDF
User Experience Design for IoT
 
PDF
Fjord @ EURO IA 2010 - Design beyond the glowing rectangle
PDF
SMARCOS FJORD Presentation EUROIA2011
PDF
UX Design and Issues in IOT
PDF
ProductTank AMS Iskander Smit
PDF
Hardware is hard(er)
PDF
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
PDF
Getting the IoT into Consumers' hands, Claire Rowland at IOT14
PDF
Designing IoT
PDF
Exponential design
PDF
Quantified Self and the Social Internet of Things
PDF
Open-RnD UX/UI Design
PDF
IoT as design material - IoTevent
PDF
Internet of Things as design material - IoTevent
PPT
New Interactions
PDF
Bridging the Physical-Digital Divide (Jason Mesut)
PDF
ISA11 - Mike Kuniavsky - Designing Smart Things
PDF
UX for Connected Products: EuroIA16
KEY
Nordkapp dConstruct09 Recap
PDF
Bridging the Physical-Digital Divide: Industrial Designer Edition
User Experience Design for IoT
 
Fjord @ EURO IA 2010 - Design beyond the glowing rectangle
SMARCOS FJORD Presentation EUROIA2011
UX Design and Issues in IOT
ProductTank AMS Iskander Smit
Hardware is hard(er)
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
Getting the IoT into Consumers' hands, Claire Rowland at IOT14
Designing IoT
Exponential design
Quantified Self and the Social Internet of Things
Open-RnD UX/UI Design
IoT as design material - IoTevent
Internet of Things as design material - IoTevent
New Interactions
Bridging the Physical-Digital Divide (Jason Mesut)
ISA11 - Mike Kuniavsky - Designing Smart Things
UX for Connected Products: EuroIA16
Nordkapp dConstruct09 Recap
Bridging the Physical-Digital Divide: Industrial Designer Edition
Ad

Recently uploaded (20)

PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PPTX
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
PDF
2025CategoryRanking of technology university
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPTX
Bitcoin predictor project presentation
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PDF
Timeless Interiors by PEE VEE INTERIORS
PPTX
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
PPT
Unit I Preparatory process of dyeing in textiles
PPTX
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
PDF
THEORY OF ID MODULE (Interior Design Subject)
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PPTX
a group casestudy on architectural aesthetic and beauty
PDF
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
PPTX
2. Competency Based Interviewing - September'16.pptx
PDF
Social Media USAGE .............................................................
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PDF
Govind singh Corporate office interior Portfolio
ACL English Introductionadsfsfadf 20200612.pptx
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
2025CategoryRanking of technology university
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
GSH-Vicky1-Complete-Plans on Housing.pdf
Bitcoin predictor project presentation
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
Timeless Interiors by PEE VEE INTERIORS
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
Unit I Preparatory process of dyeing in textiles
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
THEORY OF ID MODULE (Interior Design Subject)
1 Introduction to Networking (06).pdfbsbsbsb
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
a group casestudy on architectural aesthetic and beauty
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
2. Competency Based Interviewing - September'16.pptx
Social Media USAGE .............................................................
robotS AND ROBOTICSOF HUMANS AND MACHINES
Govind singh Corporate office interior Portfolio

SXSW 2014: Re-orientating UX Design for the Internet of Things