#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)

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