User Experience Design and the Internet of Things (ThingsExpo 2014)

8/10/2019 User Experience Design and the Internet of Things (ThingsExpo 2014)

1/44

!""# %&'()"")* +,%)-. /"( ,%01)2 3' ,'('* +"#%4 5 6%)7 7" 210' 4"8 % 917 "/ 34:'(.:';> 9' 1) 76" 3%1) :%(7.? % 2')'(%>"0'(01'6 "/ 7,' #'': ;,%)2' 5)7'()'7 "/ +,1)2. ,%. ") :'":>'@. ('>%


2/44

Let me begin by telling you a bit about my background. I m a user experiencedesigner. I was one of the first professional Web designers. This year I am celebrating

professionally designing Web sites for 20 years. This is the navigation for a hot sauceshopping site I designed in the spring of 1994.

C


3/44

5@0' %>." 6"(-'# ") 7,' 8.'( '=:'(1');' #'.12) "/ % >"7 "/ ;").83'( '>';7(")1;.:("#8;7. /("3 ;"3:%)1'. 4"8@0' :("9%9>4 ,'%(# "/*

D


4/44

5@0' 6(1E') % ;"8:>' "/ 9""-. 9%.'# ") 34 '=:'(1');' %. % #'.12)'(* F)' 1. %;""-9""- "/ 8.'( ('.'%(;, 3'7,"#.A %)# 7,' .';")# #'.;(19'. 6,%7 5 7,1)- %(' ."3'"/ 7,' ;"(' ;");'(). 6,') #'.12)1)2 )'76"(-'# ;"3:87%


5/44

5 %>." .7%(7'# % ;"8:>' "/ ;"3:%)1'.* +,' H(.7A I#%:


6/44

+"#%4 5 6"(- /"( JIMNA 7,' /%3"8. ('.'%(;, >%9A %. % :(1);1:%> 1) 17. 5))"0%


7/44

Q


8/44

+,' 5)7'()'7 "/ +,1)2. 1. % ('%>>4 ;,%>>')21)2 )%3' 7" 6"(- 617,A 9';%8.' 7,'(' %(' ."3%)4 #'H)1"0' 7,1. 1>>8.7(%>4 W817' %) %;;8(%7'(':('.')7%


9/44

+,' H(.7 7,1)2 7" )"7' 1. 7,%7 7,'(' %(' 76" #'H)1 ")' Y'01) I.,7") >""-'# %7 ,"6 MZ5[.;"8># %\';7 7,' >"21."24 7" 7,' 5)7'()'7* MZ5[. ;"8># 9'>1-' 7,' :%;-'7 ,'%#'( 1) 5)7'()'7 #%7% :%;-'7.A 7(8;-. 6'(' >1-' 61('.A #':"7. >1-'("87'(.A 6%(',"8.'. >1-' ;%;,'.*

O"3'6,'(' %("8)# DBCB 7,' #'H)1_`'#2'# ;10'.*

],%7@. '.:';1%>>4 ;")/8.1)2 1. 7,%7 .1);' ." 3%)4 "/ 7,' )'6 "9^';7. %(' 3"91>'A 7,'H(.7 #'H)11'.* ],') 4"8@(' 8.1)2 ]%R' 7" 281#' 4"8 %("8)#7(%c;A 17@. 7('%


10/44

+,' 13:>1;%%8' ;,%1). ;,%)2'*

d


11/44

+,' H(.7 7,1)2 5 6%)7 7" 7%>- %9"87 1. ,"6 :'":>'@. ('>%


12/44

The core of this change is a shift from generic devices and software to specializeddevices and software. When computing was expensive, you had general purposedevices and general purpose software that had deal with almost every situation. Thisnecessitated design compromises that resulted in devices and software that could doalmost everything, but did none of it well.

Now that processing is so cheap, you can have a combination of 10, 20, or 30computing devices and apps for the price of that one device, and you can acquire newfunctionality as needed. This means that every device and software package can have anarrower purpose.

Adobe brush Haiku deck

CC


13/44

+,' .';")# 7(')# 1. 7,%7 38;, "/ 7,' 0%>8' "/ ;"3:8' :1';' "/ ."&6%('A %)# 7,'('@. )" '=:';7% 6%4A %)# :'":>'-)"6 7,%7*

CD


14/44

If we chart these two tends, two broad classes of digital products emerge.

5/ 6' /">>"6 7,' >";%> 7" ('3"7' %=1.A 6' H)# 2')'(%>_:8(:".' #'01;'. 7,%7 #" ("82,>47,' .%3' .'7 "/ 7,1)2.A %)# #1\'( :(13%(1>4 1) .1R'* They exist to provide access toonline services, in a form factor thats appropriate to the context in which theyre used. 5 ;%>> 7,'.' #'01;'. 7'(31)%>.*

5/ 6' /">>"6 7,' 2')'(%> 7" .:';1H; %=1.A 6' .'' % .,1& 1. 7" 3"(' )%(("6_/8);> 7,'.' #'01;'. %::>1%);'.*

CG


15/44

The most interesting thing, however, to me is that these shifts are part of an even largertransition, one where devices are simultaneously specic AND deeply tied to onlineservices. In this model, the service provides the majority of the value, and can berepresented either as a dedicated appliance, an app running on a terminal, or anythingin between.

I call these devices service avatars. And this is where much of the Internet of Thingscurrently lies, at least for consumer products.

CL


16/44

As value shifts to services, the devices, software applications and websites used toaccess itits avatarsbecome secondary. A camera becomes a really good appliancefor taking photos for Flickr, while a TV becomes a nice Flickr display that you donthave to log into every time, and a phone becomes a convenient way to take your Flickrpictures on the road.

Hardware becomes simultaneously more specialized and devalued as users seethrough each device to the service it represents. The hardware exists to get bettervalue out of the service.

CP


17/44

I3%R") ('%>>4 2'7. 7,1.* e'(' . % 7'>>1)2 ">#'( %# /("3 I3%R") /"( 7,' Y1)#>'* 57@..%41)2 a""-A 8.' 6,%7'0'( #'01;' 4"8 6%)7* ]' #") 7 ;%('A %. >")2 4"8 .7%4 >"4%> 7""8( .'(01;'* f"8 ;%) 984 "8( .:';1%>1R'# #'01;'.A 987 4"8 #") 7 ,%0' 7"*

16


18/44

],') Z1(' 6%. ('>'%.'# G 4'%(. %2"A g'\ T'R". '0') ;%>>'# 17 % .'(01;'*

CX


19/44

I3%R")@. b;," .:'%-'(A 6,1;, 6%. ^8.7 %))"8);'# 7"#%4 1. %>." % .'(01;' 617,38>' %0%7%(.*

CU


20/44

O3%(7 +,1)2. ;>'%(>4 .7%7'. 17. .'(01;' "\'(1)2 (12,7 8: /(")7 ") 7,'1( .17'* +,' H(.77,1)2 7,'4 .%4 %9"87 7,'1( :("#8;7 >1)' 1. )"7 6,%7 7,' /8);174A,"6 7,'4 61>> 7';,)1;%>>4 .%3".7 %) %&'(7,"82,7*

Cd


21/44

N"3:%(' 7,%7 7" hCBA 7,'1( .:1(178%> :('#';'.."( 7,%7@. 9'') 1) 7,' 98.1)'.. /"( 3"('7,%) DB 4'%(.* I>> 7,%7 hCB 7'>>. 1. 4"8 1. 6,%7 7,' #'01;'. %('A )"7 6,%7 7,' .'(01;'61>> %;;"3:>1., /"( 4"8* 5 #")@7 '0') -)"6 1/ 7,'(' 5O % .'(01;'* ],4 .,"8># 5 ;%(' 7,%77,'4 ,%0' S3"#8>'.Vi 5 .,"8>#)@7A %)# 5 #")@7*

DB


22/44

DC


23/44

Z1(.7A 5@# >1-' 7" #'H)' 8.'( '=:'(1');' #'.12)* jh #'.12) 1. )"7 1)7'(/%;' #'.12)A 17@.)"7 1)#8.7(1%> #'.12)A 17@. )"7 :("#8;7 #'.12)A 987 17 1);>8#'. %>> "/ 7,".' 7,1)2.* jh#'.12) 1. % 8.'(_;')7'('# :("9>'3 .">01)2 %::("%;, 7,%7 9(1)2. 7"2'7,'( 98.1)'..)''#. %)# 8.'( )''#. 7" ;('%7' :("#8;7. 7,%7 %(' 0%>8%9>' /"( 9"7, 2("8:.* +,' H'>#1. %9"87 DB 4'%(. "># %)# ,'('@. % #1%2(%3 94 g'.. K;K8>>1) 7,%7 >%4. "87 7,' 9%.1;1#'% "/ 7,' 2"%> "/ 7,' :(%;


24/44

e'('@. % ."3'6,%7 3"(' '>%9"(%7' 1>>8.7(%.A 987 4"8 ;%) .'' 7,%7 7,' :1>>%(. %(' 6,%7 8.'(. 6%)7A 6,%798.1)'..'. )''# %)# ,"6 7,' 76" 1)7'(%;7*

DG


25/44

k"6 5 6"8># >1-' 7" 7%>- %9"87 ,"6 1. 7,' 5)7'()'7 "/ +,1)2. ;,%)21)2 jh #'.12):(%;"24* 5) 7,' 5"+ jh .:%;'A 2(%:,1; #'.12) ,%. 9'')>%(2'>4 (':>%;'# 94 1)#8.7(1%> #'.12)A 6,1;, 1. 7,' #'.12) "/ :,4.1;%> "9^';7.A %)#;"2)1%;'# 617, .'(01;' #'.12)A 6,'(' 4"8 :("^';7.:';1H; 98.1)'.. 3"#'>. 7,("82, % (%)2' "/ ;8.7"3'( 1)7'(%;' )'6 .'7 "/ ;,%>>')2'.9';%8.' 7,' '=:'(1');'. .:%) 38>' 7"8;,:"1)7.A 38>' %0%7%(.*

DL


26/44

F)' 7,1)2 7,%7@. /"( .8(' 1. 7,%7 7,' '(% "/ % ,'(" #'.12) "9^';7l7,%7 .1)2>' 7,1)2A6,'7,'( 1. % #'01;'A % :".7'(A "( % ]'9 :%2'A 7,%7 1. 7,' :(13%(4 /";8. "/ % #'.12):(";'..l7,%7 '(% 1. "0'(* b0'(4 .'(01;' %0%7%(A 6,%7'0'( 17 1.A 1. 3'('>4 ")' /%;'7 "/ %>%(2'( 6,">'A %)# #'.12) %. % :(%;'3. 7,%7 .:%) "9^';7. %)# ')01(")3')7. %)# 8.' ;")7'=7.*

DP


27/44

T';%8.' #'.12) 7,%7 /";8.'. ")>4 ") 7,' '=:'(1');' "/ % .1)2>' 7"8;,:"1)7 :("#8;'.2%#2'7.A )"7 .">81E'( 4"8(;>".'7A )"7 7,1)2. 4"8 8.' '0'(4 #%4 %)# 7,%7 4"8 >"0' %)# %..";1%7' 617, 4"8( "6),%::1)'..*

DQ


28/44

+,' #'.12) %(


29/44

+" 3' 7,' -'4 ;,%)2' 7,%7 7,' 5"+ ,%. 9("82,7 1. 7,%7 )"6 '0'(4 #'.12) :("9>'31);>8#'. 38>' 7"8;,:"1)7. .138>7%)'"8.>4* +,%7@. "&') % 917 "/ % ;,%>>')2' /"(:'":>' 7" 6(%: 7,'1( 9(%1). %("8)#A ." %&'( %) 1)1 ;")0'(.%'0'> #'.;(1:- 7" .7%-',">#'(. %9"87 7,' .;":' "/ 6,%76'@(' 2"1)2 7" 981>#*

DU


30/44

k'=7A ."3'")' ") 7,' :("#8;7 7'%3 )''#. 7" ;('%7' ")' "/ 7,'.'* 57@. % T8.1)'..K"#'> N%)0%.A /("3 I>'= F.7'(6%>#'( %)# f0'. J12)'8(@. T8.1)'.. K"#'> !')'(%'A 6,"@. 17@. /"(A %)# 6,4 7,'4@>> :%4 /"( 17*

+,' 8.'( '=:'(1');' "/ 3".7 38>4 7,%) 1) % 7(%#1 ;").83'('>';7(")1;. ;"3:%)4* Z"( '=%3:>'A .%4 4"8@(' 3%-1)2 % .3%(7 >";-* e"6 38;,/8);# 4"8 :87 1) 7,' >";- 3';,%)1.3i ]'>>A 7,%7 #':')#. ") 6,%7;8.7"3'( :("9>'3 7,' .'(01;' 1. 7(41)2 7" %##('..* 5/ 4"8 :(13%(4 %8#1');' 1. I1(TkT:(":'(74 "6)'(. 6," 6%)7 7" ;('%7' % 8)1W8' ;"#' /"( '%;, 7')%)7A 7,%7@. % #1\'(')7.'7 "/ )''#. 7,%) /"( % .';8(174_;");'()'# ,"3'"6)'( 6," 6%)7 7,'1( >";- 7" 9' 7,'H(.7 >1)' "/ #'/').' %2%1).7 1)7(8#'(.* O%3' >";-A :'(,%:. '0') .%3' >";-1)2,%(#6%('A 987 % #1\'(')7 '3:,%.1. 9%.'# ") 7,' -'4 98.1)'.. 3"#'>*

Dd


31/44

I&'( 7,' T8.1)'.. K"#'> N%)0%.A 6'@(' 1) .7(%12,m"(6%(# jh #'.12) /"( % 6,1>'* 5 >1-'7" ;('%7' L_P :'(.")%.A 6,1;, %(' ;,%(%;7'(. 7,%7 #'.;(19' ,"6 7,' :("#8;7 ;"8># 9'8.'# 9%.'# ") /%;'7. "/ 7,' 98.1)'.. 3"#'>l,'('@. ")' 6' #1# /"( % O7%)/"(#:("^';7* f"8 ;%) .'' '%;, :'(.")% ,%. 2"%>.A W8'.


32/44

+,') 4"8 2'7 7" 8.' .;')%(1". %)# .7"(49"%(#.* +,'.' ,'>: 7" 7'>> 7,' .7"(4 "/ ,"6:'":>' 1)7'(%;7 617, 0%(1"8. %0%7%(.A 6,%7 (">' '%;, #"'. %)# #"'. )"7 :>%4 1):'":>'@. >10'.* 57@. 8.'/8> /"( 9"7, ;"338)1;%'.."). ^8.7 94 7%>-1)2 7,("82, %;"8:>' "/ .7"(1'.* +,1. 1. ")' 6' #1# 617, O3%(7 ['.12)*

O7"(49"%(# 94 O3%(7 ['.12)

GC


33/44

k'=7A 4"8 .7%(7 9(1)21)2 7,1)2. 7"2'7,'( 94 :8n)2 0%(1"8. 7"8;,:"1)7. %2%1).713:"(7%)7 2"%>. 4"8( :'(.")%.@ %)# 4"8( .7%-',">#'(.@ 2"%>.* +,'.' 7"8;,:"1)7. ;%)9' /8>>_`'#2'# .'(01;' %0%7%(. "( ^8.7 1)7'(%;


34/44

k'=7 ;"3'. 7,' #'.12) /"( %>> "/ 7,' %0%7%(.* 5 #101#' 7,1. :(";'.. 1)7" D[A 6,1;, 1.'..')>4 .;('')_9%.'# 1)7'(%;# #'.12) %) %:: "( %]'9 :%2'o

GG


35/44

o%)# G[* e'(' 6' 7%-' "8( :(";'.. ;8'. /("3 1)#8.7(1%> #'.12) :(%;


36/44

o%)# 6"(-._>1-' :("7"74:'.*

+,1. :%(7 1. '..')>4 % 7(%#1":3')7 :(";'..A %::>1'# 7"'%;, %0%7%(*

J("^';7? f"1;,1 k%2%.,13%

GP


37/44

I)# "/ ;"8(.' 1) 9'76'') 3%)4 "/ 7,'.' .7':. 1. % >"7 "/ 8.'( ('.'%(;,* e'('@. %:,"7" "/ ")' "/ 34 ;">>'%28'. #"1)2 :('>131)%(4 '7,)"2(%:,4 /"( % .,"::1)2:("#8;7* 5@3 % H(3 9'>1'0'( 7,%7 )" 1#'% 1. 6"(7,6,1>' 8)>'.. 17@. 9'') 0%>1#%7'# 94:'":>' 6," %(' )"7 4"8( 7'%3 7,("82, 7,' #'0'>":3')7 :(";'..A ." 6' #" % >"7 "/8.'( ('.'%(;,*

GQ


38/44

5) :(%;"7 "/ 8);'(7%1)74*

GX


39/44

T("%#>4 .:'%-1)2A "8( :(";'.. 1. 17'(%1')7 -)"6A 17@. 7"82, 7"9' #";7(1)%1('*

GU


40/44

I)# 1) :(%;""-. '0') 1) 7,1. #1%2(%3*

Gd


41/44

F)' "/ 7,' 9122'.7 W8'.1')7. ,%0'A %)# /(%)->4 6' ,%0'A 1. ,"6 7" -)"6 1/ %>%(2'>4 )'6 7';,)">"24 "( .'(01;' 1. 2"1)2 7" 9' .8;;'../8> 617,"87 %;78%>>4 2"1)2 7,("82, 7,''=:').' %)# :(";'.. "/ #'0'>":1)2 % ;"3:>'7' :("#8;7* k" ")' 1) %) 1)7'(01'6 "( % /";8.2("8: 6"8># ,%0' .%1# S5 6%)7 % pDPB 61H_;"))';7'# 7,'(3".7%7 617, :('#1;# ")' 9';%8.' +")4 Z%##'>> ,%# 7,'9%)-(">> %)# ;"))';'* +,' 7": >%4'( #'.;(19'. % ,12,>4 17'(%"(%47" ,'>: 8. 8)#'(.7%)# 6,%7 '=:'(1');'. :("01#' 0%>8' 7" :'":>' %)# 6,%7 7';,)">"24 "8(7'%3 ;%) ('%.")%9>4 #'>10'(* I&'( 7,1. :,%.' 1. #")'A 6' 7,("6 '0'(47,1)2 6' #1# %6%4 %)#.7%(7 #'.12)1)2 7,' ('%> :("#8;7 /("3 .;(%7;,A %)# 7,%7@. 6,'(' 7,' :("7"74:1)2 :(";'...7%(7.*J("9'.A %(' 7,1)2. 7,%7 ('.'39>' H)1.,'# :("#8;7.l:'(,%:. 7,'4@(' )")/8);' 61>>('.:")# 6'>> 7"* ]' 210' 7,'3 7" :'":>' /"( % ;"8:>' "/ #%4. "( % 6''- %)# 7,') 6'1)7'(01'6 7,'3 6,') 7,'4@0' ,%# % ;,%);' 7" >10' 617, 7,'3* J(""/. "/ ;");':7 '=1.7 7" 7'.7;"(' 7';,)">"21;%> 1#'%.* 5 #")@7 ;%(' 1/ 6' ,%0' 7" 7,("6 % pGBBB .'(0'( %7 7,' :("9>'36,') 7,' ')# :("#8;7 ,%. 7" ;".7 pCBA 1. 17 :"..19>' /"( 8. 7" #" 7,%7 7,1)2 I+ Iaai I&'(6'@0' #")' 7,'.' 76" 7,1)2. 17'(%"21;%>>4 /'%.19>' .'(01;'* +,') 6' #'>10'( 7,%77" "8( ;>1')7 6," 8.'. 17 %. % ('/'(');' #'.12) 7,%7 7,'4 ;%) 7,') 7'%( %:%(7 %)# ('981># 8.1)27,'1( "6) 1)_,"8.' 7';,)">"21'. "( :(";'..'. "( 7'%3.*

LB


42/44

O"A .7'::1)2 9%;-A 6,4 #" 7,1.i ]'>>A 17@. 9';%8.' 5 7,1)- 7,%7 7,'('@. ')"(3"8.:"..191>174 1) 7,' 5)7'()'7 "/ +,1)2.A 987 17@. )"7 1) 7,' 7,1)2.*

LC


43/44

F8( 9122'.7 ;,%>>')2' %. 1))"0%7"(.A #'.12)'(.A #'0'>":'(. %)# ')7(':(')'8(. 61>>)"7 9' %##1)2 ;,'%: '>';7(")1;. 7" '0'(4#%4 "9^';7.* +,%7@. % .">0'# :("9>'3* F8(;,%>>')2' 61>> 9' 7" 8)#'(.7%)# ,"6 7" 8.' 7,".' 7,1)2. 7" ;('%7' 0%>8'A %)# 7";('%7' .8.7%1)'# %)# .8.7%1)%9>' ;,%)2'A 1) % 6"(># 6,'(' 7,'(' 1. %) ')"(3"8.%3"8)7 "/ :"7') /"( '39'##'#A )'76"(-'# 7';,)">"24A %)# %) ')"(3"8.)839'( "/ :%:'( 7,1)A ")' )"7' 2%#2'7.* 5 ");' ,'%(# %) 1)#8.7(1%> #'.12)'( .%4 7,%7'0'(47,1)2 4"8 #'.12) 1. 2%(9%2' /("3 7,' 31)87' 17 ;"3'. "\ 7,' %..'39>4 >1)'A %)#7,%7 17@. 4"8( ('.:").191>174 7" -'': 17 "87 "/ 7,' 7(%., 91) /"( %. >")2 %. :"..19>'* 57,1)- 7,%7 1) 7,' 1)7'()'7 "/ 7,1)2. 7,%7 1. '.:';1%>>4 7(8' %)# 7"#%4 5 7,1)- 7,%7 "8(9122'.7 ;,%>>')2' 61>> 9' 7" 7,1)- %9"87 6,4 6' 6%)7 7" 3%-' 7,1)2. %7 %>>A %)# 7,'),"6 6' ;%) 3%-' 7,'3 :("01#' 7,' 3".7 0%>8'A /"( 7,' >'%.7 ;".7A /"( 7,' 3".7:'":>'A /"( 7,' >")2'.7


44/44

+,%)- 4"8*

Documents

User Experience Design and the Internet of Things (ThingsExpo 2014)