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