SXSW 2014: Re-orientating UX Design for the Internet of Things
-
Upload
alfred-lui -
Category
Design
-
view
4.062 -
download
0
description
Transcript of SXSW 2014: Re-orientating UX Design for the Internet of Things
#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)