121
Mike Kuniavsky UX Week San Francisco August 24, 2011 DESIGNING SMART THINGS User experience design for networked devices

Designing Smart Things: user experience design for networked devices

Embed Size (px)

DESCRIPTION

In this workshop Mike Kuniavsky, author of "Smart Things: ubiquitous computing user experience design" introduces concepts of user experience design for the post-PC/post-phone world.How do you design experiences that transcend a single device, or even a family of devices? How do you create experiences that exist simultaneously in your hand and in the cloud?Using plentiful examples drawn from cutting edge products and the history of technology, the workshop describes underlying trends, shows the latest developments and asks broader questions. This presentation introduces fundamental concepts of ubiquitous computing user experience design and specific techniques for designing services and interfaces.Topics include:- Design for multiple scales- Design for services used by multiple devices - Rethinking everyday objects and experiences - Understanding use context

Citation preview

Page 1: Designing Smart Things: user experience design for networked devices

Mike KuniavskyUX Week

San FranciscoAugust 24, 2011

DESIGNING SMART THINGSUser experience design for networked devices

Page 2: Designing Smart Things: user experience design for networked devices
Page 3: Designing Smart Things: user experience design for networked devices
Page 4: Designing Smart Things: user experience design for networked devices
Page 5: Designing Smart Things: user experience design for networked devices
Page 6: Designing Smart Things: user experience design for networked devices
Page 7: Designing Smart Things: user experience design for networked devices
Page 8: Designing Smart Things: user experience design for networked devices
Page 9: Designing Smart Things: user experience design for networked devices
Page 10: Designing Smart Things: user experience design for networked devices

Ubicomp

Page 11: Designing Smart Things: user experience design for networked devices
Page 12: Designing Smart Things: user experience design for networked devices
Page 13: Designing Smart Things: user experience design for networked devices
Page 14: Designing Smart Things: user experience design for networked devices
Page 15: Designing Smart Things: user experience design for networked devices
Page 16: Designing Smart Things: user experience design for networked devices

THREE CORE Technology TRENDS

Page 17: Designing Smart Things: user experience design for networked devices

$1500* $0.50

* CPI Adjusted to 2008, original price: $900

1989 2011

1. Information processing is cheap

Page 18: Designing Smart Things: user experience design for networked devices
Page 19: Designing Smart Things: user experience design for networked devices

2. NETWORKING is pervasive

Page 20: Designing Smart Things: user experience design for networked devices
Page 21: Designing Smart Things: user experience design for networked devices
Page 22: Designing Smart Things: user experience design for networked devices

3. POWER

Page 23: Designing Smart Things: user experience design for networked devices
Page 24: Designing Smart Things: user experience design for networked devices

16MIPS

640X480 24-BIT LCD VIDEO CONTROLLER

USB 2.0

24 A/D CHANNELS (FOR AUDIO AND I/O)

CAPACITIVE SENSING (FOR MULTI-TOUCH)

1 CM SQUARE

$5 (IN QUANTITY)

PIC24FJ256DA210 PRODUCT FAMILY

Page 25: Designing Smart Things: user experience design for networked devices

a world of smart Things

Page 26: Designing Smart Things: user experience design for networked devices

Information is a material

Page 27: Designing Smart Things: user experience design for networked devices

SUmmary

Our relationship to our environment is fundamentally changing through embedded information technology and networking.

Ubiquitous computing is the most common name for this change (though it has others: pervasive computing, ambient intelligence, the Internet of Things, etc.)

It’s a result of:– Cheap processing– Cheap, pervasive networking– Low-power, but still powerful, embedded processors

Which came together to create a tipping point (roughly speaking in 2005).

People are using these technologies to compete by embedding information processing into a wide variety of everyday objects.

In effect treating information as a novel material to design with.

Page 28: Designing Smart Things: user experience design for networked devices

Q&A

Page 29: Designing Smart Things: user experience design for networked devices

Ubiquitous computing UX

Page 30: Designing Smart Things: user experience design for networked devices

Peter boersma’s UX design definition

Page 31: Designing Smart Things: user experience design for networked devices

Ubicomp UX design

Page 32: Designing Smart Things: user experience design for networked devices

From bits to atoms

Page 33: Designing Smart Things: user experience design for networked devices

CORE UX Design trends

Page 34: Designing Smart Things: user experience design for networked devices

GENERIC TO SPECIFIC

Page 35: Designing Smart Things: user experience design for networked devices

Local to Remote

Page 36: Designing Smart Things: user experience design for networked devices

APPLIANCES

TERMINALS

Page 37: Designing Smart Things: user experience design for networked devices

Consumer electronics shifting from Appliances to Terminals

=

=

Page 38: Designing Smart Things: user experience design for networked devices

Laptop

AVATARS

Page 39: Designing Smart Things: user experience design for networked devices

SERVICE AVATARS

SERVICE

AVATARS

Page 40: Designing Smart Things: user experience design for networked devices

WE SEE THROUGH SOFTWARE AND DEVICES

Page 41: Designing Smart Things: user experience design for networked devices

TERMINAL Example: netflix

Page 42: Designing Smart Things: user experience design for networked devices
Page 43: Designing Smart Things: user experience design for networked devices
Page 44: Designing Smart Things: user experience design for networked devices
Page 45: Designing Smart Things: user experience design for networked devices

APPLIANCE AVATAR: VITALITY

Page 46: Designing Smart Things: user experience design for networked devices
Page 47: Designing Smart Things: user experience design for networked devices
Page 48: Designing Smart Things: user experience design for networked devices
Page 49: Designing Smart Things: user experience design for networked devices
Page 50: Designing Smart Things: user experience design for networked devices
Page 51: Designing Smart Things: user experience design for networked devices

Information shadows

Page 52: Designing Smart Things: user experience design for networked devices
Page 53: Designing Smart Things: user experience design for networked devices
Page 54: Designing Smart Things: user experience design for networked devices
Page 55: Designing Smart Things: user experience design for networked devices
Page 56: Designing Smart Things: user experience design for networked devices
Page 57: Designing Smart Things: user experience design for networked devices

APPLIANCE + NETWORK + information shadow = THE INTERNET OF THINGS

Page 58: Designing Smart Things: user experience design for networked devices
Page 59: Designing Smart Things: user experience design for networked devices
Page 60: Designing Smart Things: user experience design for networked devices
Page 61: Designing Smart Things: user experience design for networked devices
Page 62: Designing Smart Things: user experience design for networked devices
Page 63: Designing Smart Things: user experience design for networked devices

Product service systems

Page 64: Designing Smart Things: user experience design for networked devices
Page 65: Designing Smart Things: user experience design for networked devices
Page 66: Designing Smart Things: user experience design for networked devices
Page 67: Designing Smart Things: user experience design for networked devices
Page 68: Designing Smart Things: user experience design for networked devices
Page 69: Designing Smart Things: user experience design for networked devices
Page 70: Designing Smart Things: user experience design for networked devices

SUMMARY

Ubicomp adds a number of disciplines to traditional UX: industrial design, service design, product design, architecture, engineering.

Cheap processing creates a broad UX shift from generic devices and software to specialized devices and software, while cheap networking moves services from local to remote.

This creates two broad classes of network-connected devices: specialized appliances and generic terminals in different form factors (which the CE industry primarily focuses on).

A larger shift is to service avatars which are devices and software that are tightly coupled to specific online services. People see through the devices and software to the service.

Meanwhile, unique identification of physical objects leads to cloud-based information shadows for everyday things.

These blur the lines between physical objects, digital objects and fundamentally change notions of ownership as product service systems replace everyday products with subscriptions.

And this, in a nutshell, is The Internet of Things..

Page 71: Designing Smart Things: user experience design for networked devices

Q&A

Page 72: Designing Smart Things: user experience design for networked devices

15 minute BREAK!

Page 73: Designing Smart Things: user experience design for networked devices

Emerging technologies

Page 74: Designing Smart Things: user experience design for networked devices
Page 75: Designing Smart Things: user experience design for networked devices

NFC/RFID

Page 76: Designing Smart Things: user experience design for networked devices

Content based retrieval

Page 77: Designing Smart Things: user experience design for networked devices
Page 78: Designing Smart Things: user experience design for networked devices

SYSTEMS ON A CHIP (SOCs)

16MIPS

640x480 24-bit LCD video controller

USB 2.0

24 A/D channels (for audio and I/O)

Capacitive sensing (for multi-touch)

1 cm square

$5 (in quantity)

PIC24FJ256DA210 product family

Page 79: Designing Smart Things: user experience design for networked devices

Picoprojectors

Page 80: Designing Smart Things: user experience design for networked devices
Page 81: Designing Smart Things: user experience design for networked devices

GPU

Page 82: Designing Smart Things: user experience design for networked devices
Page 83: Designing Smart Things: user experience design for networked devices

Multitouch/gestural interaction

Page 84: Designing Smart Things: user experience design for networked devices
Page 85: Designing Smart Things: user experience design for networked devices

Smart materials

Page 86: Designing Smart Things: user experience design for networked devices
Page 87: Designing Smart Things: user experience design for networked devices

ultracapacitors

Page 88: Designing Smart Things: user experience design for networked devices

Everything as a service

Page 89: Designing Smart Things: user experience design for networked devices

Interesting Emerging technologies

NFC/RFID

Content based retrieval

Systems on a chip

Picoprojectors

GPUs

Multitouch/Gestural interaction

Smart materials

Ultracapacitors

Everything as a service

Page 90: Designing Smart Things: user experience design for networked devices

Application domains

Page 91: Designing Smart Things: user experience design for networked devices

Clothing

Page 92: Designing Smart Things: user experience design for networked devices
Page 93: Designing Smart Things: user experience design for networked devices
Page 94: Designing Smart Things: user experience design for networked devices

Appliances and furniture

Page 95: Designing Smart Things: user experience design for networked devices
Page 96: Designing Smart Things: user experience design for networked devices

Cars

Page 97: Designing Smart Things: user experience design for networked devices

Urban life

Page 98: Designing Smart Things: user experience design for networked devices

INFORMATION AS DECORATION

Page 99: Designing Smart Things: user experience design for networked devices

Behavior change

Page 100: Designing Smart Things: user experience design for networked devices
Page 101: Designing Smart Things: user experience design for networked devices
Page 102: Designing Smart Things: user experience design for networked devices

Infrastructure access

Page 103: Designing Smart Things: user experience design for networked devices

Interesting Application domains

Clothing and jewelry

Furniture and appliances

Cars

Urban life

Information as decoration

Behavior change and health

Infrastructure access

Page 104: Designing Smart Things: user experience design for networked devices

Discussion!

Page 105: Designing Smart Things: user experience design for networked devices

The internet refrigerator

1998 1999 2000 2002

Page 106: Designing Smart Things: user experience design for networked devices

LUNCH!

Page 107: Designing Smart Things: user experience design for networked devices

DISCUSSION!

Page 108: Designing Smart Things: user experience design for networked devices

The ipod

Page 109: Designing Smart Things: user experience design for networked devices

Artifacts and services from the near future

Page 110: Designing Smart Things: user experience design for networked devices
Page 111: Designing Smart Things: user experience design for networked devices
Page 112: Designing Smart Things: user experience design for networked devices

Extrapolation

Page 113: Designing Smart Things: user experience design for networked devices

Scales of experience

Page 114: Designing Smart Things: user experience design for networked devices

Scale Label Examples1 cm covert RFID, nail polish, cochlear implant10 cm mobile phone handset, portable media player, wallet1 m personal chair, car, ATM, payphone, laptop10 m environmental wall, door, chandelier100 m architectural church clock, billboard, bus1000 m urban street intersection, landmark, crowd

Page 115: Designing Smart Things: user experience design for networked devices

Disconnects

Page 116: Designing Smart Things: user experience design for networked devices

Managing Task disconnects

Task continuity– “Task continuity requires interfaces that support the transfer and

recovery of state and activity context.”– “The ability to recover the last few actions that were performed

on one device so that they can be taken into account while migrating the task to another device.”

Knowledge continuity– “Knowledge continuity requires visual continuity, both graphical

and textual, successful partitioning of data and functionality, and procedural consistency.”

From Pyla et al (2006).

Page 117: Designing Smart Things: user experience design for networked devices
Page 118: Designing Smart Things: user experience design for networked devices
Page 119: Designing Smart Things: user experience design for networked devices

Swim lane diagrams

Page 120: Designing Smart Things: user experience design for networked devices

Final Q&A and discussion

Page 121: Designing Smart Things: user experience design for networked devices

Mike [email protected]