Your SlideShare is downloading. ×
0
#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.gi...
#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 service...
#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://sha...
#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 de...
#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 inform...
#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! S...
#UX4IoT #SXSW2014!
Data!
Data!
Data!
Data!
Progress!!
Data!
Progress!
How do
you feel?!
Insight +
Foresight!
Fitbit vs Jaw...
#UX4IoT #SXSW2014!
Takeaway
•  Data without purpose is quantified noise.
•  Sense making + Story telling
•  Deliver insigh...
#UX4IoT #SXSW2014!
Service Design
#UX4IoT #SXSW2014!
Service design is the activity of planning
and organizing people, infrastructure,
communication and mat...
#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/...
#UX4IoT #SXSW2014!
Wellness Service of Nike Fuelband
Photo: http://store.nike.com/us/en_us/pw/fuelband/90w!
Real-time Feed...
#UX4IoT #SXSW2014!
Wellness Service of Nike Fuelband
Photo: http://store.nike.com/us/en_us/pw/fuelband/90w, https://itunes...
#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 E...
#UX4IoT #SXSW2014!
Mobile Banking Service Design!
Journey: Customer Requests Support!
Compose
message!
APP!
EMAIL!
CALL CE...
#UX4IoT #SXSW2014!
Takeaway
•  Behind every IoT product is a service.
•  Service design is multi-touch, multi-perspective....
#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/Fujitak...
#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 on...
#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....
#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 c...
#UX4IoT #SXSW2014!
Thank you.
Alfred Lui @connection76!
San Francisco Internet of
Things Meetup (@SFIoTMeetup)
Upcoming SlideShare
Loading in...5
×

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

7,972

Published on

In this session, I discussed 4 areas where UX designers can start to investigate and begin a conversation when designing for the Internet of Things.

Published in: Design
14 Comments
64 Likes
Statistics
Notes
No Downloads
Views
Total Views
7,972
On Slideshare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
266
Comments
14
Likes
64
Embeds 0
No embeds

No notes for slide

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

  1. 1. #UX4IoT #SXSW2014! Re-orientating UX Design for the Internet of Things Alfred Lui (@connection76)
  2. 2. #UX4IoT #SXSW2014! Rectangles Photo: http://www.the-blueprints.com/blueprints-depot/phones/motorola/motorola-v3-razr-02.gif!
  3. 3. #UX4IoT #SXSW2014! Rectangles
  4. 4. #UX4IoT #SXSW2014! ahem.
  5. 5. #UX4IoT #SXSW2014! Not a rectangle.
  6. 6. #UX4IoT #SXSW2014! Every shape and size.!
  7. 7. #UX4IoT #SXSW2014! Internet of Things is a network of uniquely identifiable and interoperable objects connected by services over the Internet.!
  8. 8. #UX4IoT #SXSW2014! Cheap, Power Efficient CPUs Open Cloud API’s Data Everywhere
  9. 9. #UX4IoT #SXSW2014! Cheap, Power Efficient CPUs Open Cloud API’s Data Everywhere Smart Devices Everywhere Source:http://share.cisco.com/internet-of-things.html!
  10. 10. #UX4IoT #SXSW2014! What does it mean for designers?!
  11. 11. #UX4IoT #SXSW2014! Proportioning UX to Attention
  12. 12. #UX4IoT #SXSW2014! 1990 Sound: http://soundbible.com/1701-Modem.html!
  13. 13. #UX4IoT #SXSW2014! 2014 Sound: http://www.zedge.net/ringtone/1406964/2012-apple-tritone/!
  14. 14. #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!
  15. 15. #UX4IoT #SXSW2014! Today Push! Pull!
  16. 16. #UX4IoT #SXSW2014! Push! Pull!Ambient! Ambient Information!
  17. 17. #UX4IoT #SXSW2014! Scale with User’s Attention Push! Pull!Ambient!
  18. 18. #UX4IoT #SXSW2014! Energy Joule from Ambient Devices
  19. 19. #UX4IoT #SXSW2014! David Rose’s Demo at Lift 2009 Across the room Up-close Tap Link to Demo!
  20. 20. #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
  21. 21. #UX4IoT #SXSW2014! Design with Data
  22. 22. #UX4IoT #SXSW2014! Commoditization of data
  23. 23. #UX4IoT #SXSW2014! Commoditization of data
  24. 24. #UX4IoT #SXSW2014! Data without interpretation is just quantified noise. Commoditization of data
  25. 25. #UX4IoT #SXSW2014! Commoditization of data
  26. 26. #UX4IoT #SXSW2014! Today Photo: www.pinterest.com!
  27. 27. #UX4IoT #SXSW2014! A two-sided approach Sense Making Storytelling!
  28. 28. #UX4IoT #SXSW2014! Data! Idea! Meaning! Human Experience! Insight of the past & Foresight into the future! Sense Making! Storytelling!
  29. 29. #UX4IoT #SXSW2014! Data! Data! Data! Data! Progress!! Data! Progress! How do you feel?! Insight + Foresight! Fitbit vs Jawbone UP!
  30. 30. #UX4IoT #SXSW2014! Takeaway •  Data without purpose is quantified noise. •  Sense making + Story telling •  Deliver insight + foresight!
  31. 31. #UX4IoT #SXSW2014! Service Design
  32. 32. #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!
  33. 33. #UX4IoT #SXSW2014! Why does it matter?
  34. 34. #UX4IoT #SXSW2014! Nike Fuel Band $149! Photo: http://store.nike.com/us/en_us/pw/fuelband/90w! Value is in the service
  35. 35. #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!
  36. 36. #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!
  37. 37. #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!
  38. 38. #UX4IoT #SXSW2014!Photo: www,nest.com! Service!Avatar! Energy Management! Distributed Lost & Found! Remote Home Security!
  39. 39. #UX4IoT #SXSW2014! What is the difference between UX and Service Design?
  40. 40. #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!
  41. 41. #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!
  42. 42. #UX4IoT #SXSW2014! Takeaway •  Behind every IoT product is a service. •  Service design is multi-touch, multi-perspective. It is about orchestration.!
  43. 43. #UX4IoT #SXSW2014! Design with Identity
  44. 44. #UX4IoT #SXSW2014! Why Design for Identity?
  45. 45. #UX4IoT #SXSW2014! Japanese cigarettes vending machines! Photo: http://upload.wikimedia.org/wikipedia/commons/4/46/Fujitaka_kodomo_check_system.jpg!
  46. 46. #UX4IoT #SXSW2014! Disney MagicBand!
  47. 47. #UX4IoT #SXSW2014! What about privacy?
  48. 48. #UX4IoT #SXSW2014! Value of Service Transparency Privacy
  49. 49. #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.!
  50. 50. #UX4IoT #SXSW2014! Parting Thoughts
  51. 51. #UX4IoT #SXSW2014! 80’s/90’s TIME PLACE 70’s PERSON 2007 PURPOSE Now The 4th era of information access!
  52. 52. #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!!
  53. 53. #UX4IoT #SXSW2014!Photo: https://sen.se/store/mother/!
  54. 54. #UX4IoT #SXSW2014!Photo: https://sen.se/store/mother/!
  55. 55. #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
  56. 56. #UX4IoT #SXSW2014! Thank you. Alfred Lui @connection76! San Francisco Internet of Things Meetup (@SFIoTMeetup)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×