Page 1
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 1/40
How UX Augments IT’s Capacity forSupporting the Academic Mission
Mary Albert, Princeton University
Mélanie St.James, Tufts University
Page 2
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 2/40
In higher education, user experience (UX) isfrequently misunderstood as expensive,
disruptive, and indulgent.
In reality, UX is the true enabler of IT.
When users learn and use technologies quickly
and efficiently, human capital can be spent on
realizing our institutions' missions.
Page 3
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 3/40
!"# %&'()*+, "-'# ."# /#0. %+1)*.2 3# 1+45 +6(-. ."# /#0. 0.)6#4.0 3# 1+45
7-8# ."#( ."# /#0. #48-'&4(#4. 3# 1+49
:! -0 -4.#'3&8#4 ."'&)7"&). ."# #48-'&4(#4.9
;&' #8#'2 :! 0&*)<&4 3# ='&8-6#5 3# 4##6 .& +0>5 ?@&3 6� -. "#*= 0.)6#4.0+46 %+1)*.2 6& 3"+. ."#2 +'# "#'# .& 6&AB
:% &)' 0&*)<&40 1+)0# %')0.'+<&45
."#4 :! %+-*0 -4 -.0 1&((-.(#4. .&
."# -40<.)<&49
C). -% :! (##.0 ."#-' 4##60 +46 *#.0
."#( %&1)0 &4 3"+. -0 -(=&'.+4.5
."#4 :! -0 + .')# 0.'+.#7-1 =+'.4#'
-4 ."# -40<.)<&4D0 +1+6#(-1 (-00-&49
The Role of IT
Page 4
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 4/40
:4 &'6#' .& 6#8#*&= +46 (+-4.+-4 ."# #48-'&4(#4. E)0. 6#01'-/#65 FG -0 &4#
&% ."# (+42 6-01-=*-4#0 3# 4##6 -4 :!9 FG 6� 4&. #H-0. -4 +4 8+1))(9
:.D0 "#*=%)* .& ."-4> +/&). )0#' #H=#'-#41# +. .3& *#8#*09 !"# I'0. *#8#* -0
3"+. : 1+** ?J-1'& FGB9 K# 3+4. #8#'2 =-#1# -4 &)' 6-7-.+* #1&020.#( 0)1" +0
-46-8-6)+* 020.#(5 3#/0-.#5 &' +==L .& /# )0+/*#5 )0#%)*5 +11#00-/*#5 #M1-#4.5
+46 #4E&2+/*# .& )0#9 !"&0# +'# ."# /)-*6-47 /*&1>0 &% 2&)' 6-7-.+*
#48-'&4(#4.9
N"&.&, O#/+0<+& O+*7+6&
Micro UX
Page 5
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 5/40
!"# &."#' *#8#* -0 3"+. : 1+** J+1'& FG5 3"-1" -0 +/&). ."# )0+/-*-.2
&% +4 #4<'# #1&020.#(5 3"-1" 0=+40 4&. &4*2 #6)1+<&4+*
.#1"4&*&7-#05 /). +** .#1"4&*&7-#0 3# (+># +8+-*+/*#9
C&''&3-47 %'&( 0#'8-1# 6#0-74 +46 0#'8-1# /*)#='-4<475 3# 3+4.
.& 0)==&'. ."# #46L.&L#46 )0#' E&)'4#2 ."+. %+1)*.25 0.)6#4.0 +46
0.+P #47+7# -4 &8#' <(# .& +1"-#8# ()*<=*# 7&+*09
N"&.&, O#/+0<+& O+*7+6&
Macro UX
Page 6
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 6/40
Q)' 7&+* -0 .& ='&8-6# + ?%'-1<&4*#00 #1&020.#(B5 3"-1" (#+40
-.D0 #+02 .& +11&(=*-0" + 4)(/#' &% .+0>05 0& (&'# <(# +46
#4#'72 1+4 /# 0=#4. 3'#0.*-47 3-." ."# ?"+'6 0.)PB ."+. =#'.+-40
.& .#+1"-475 *#+'4-47 +46 '#0#+'1" +46 +68+41-47 ."# +1+6#(-1(-00-&49
K# 3+4. .& '#6)1# %'-1<&4 0& .#1"4&*&72 1+4 /# +4 #4+/*#' +46
4&. + /+''-#'9
"R=,SS%+'(T90.+<1U-1>'91&(SVWTXSVWYZ[VYT\X]1^/W^+[^WX]_9E=7
A frictionless digital ecosystem
Page 7
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 7/40
`8#'2&4# -0 "+8-47 +4 #H=#'-#41# &%
3"+. 2&) ='&8-6#5 3"#."#' &' 4&. 2&)
"+8# -4.#4<&4+**2 6#0-74#6 -.9
!"-0 =-1.)'# 0"&30 (2 '#1#4.#H=#'-#41# +. a#3+'> abD0 c-/#'.2
d-'=&'.9
!"# 0-74 -0 /&." 1&(=*#.#*2 )4"#*=%)*
+46 =&-4.0 &). + 6#0-74 U+3,`P#1<8# FG 3&)*6 ='#8#4. (# %'&(
7#e47 *&0. -4 ."# I'0. =*+1#9
Why you must actively manage UX:
Page 8
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 8/40
The ultimate purpose of UX to toproduce highly usable systems:
F0#%)*
`+02 .& *#+'4 +46 '#(#(/#'
`M1-#4.
d11#00-/*#
`4E&2+/*#
Page 9
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 9/40
UX is a set of practices that:
:a;QfJ +46 gdc:hd!` 6#1-0-&40 6)'-47 6#8#*&=(#4. +46
='&1)'#(#4.
!"# +=='&+1" #(="+0-_#0 #+'*2 +46 1&4<4)&)0 -48&*8#(#4. &%
)0#'0 ='-(+'-*2 ."'&)7" )0#' '#0#+'1"5 -.#'+<8# 6#0-74 +46
)0+/-*-.2 .#0<479
:. 7-8#0 2&) + "-7" 1&4I6#41# *#8#* %&' 0)11#005 ."+. -0 /+0#6
&4 %+1.0 7+."#'#6 +46 .#0.#6 ."'&)7"&). ."# ='&E#1. ='&1#00
Page 10
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 10/40
:% &)' 7&+* -0 .& ='&8-6# 0#'8-1#0 ."+. (##. )0#' 4##60 +46 3#** +0
/)0-4#00 +46 .#1"4-1+* '#i)-'#(#4.05 FG =*+20 + >#2 '&*# -4 ."# #+'*2
0.+7#0 &% ='&E#1. =*+44-479
K# &j#4 (+># +00)(=<&40 +/&). )0#' '#i)-'#(#4.09 !"#2 +'# &j#4
?#6)1+.#6 +00)(=<&40B5 /). 3# 4##6 .& 0=#46 + *-R*# (&'# <(#
8+*-6+<47 ."#( +46 6-01&8#'-47 /*-46 0=&.0 k 0& &)' ='&E#1.0 1+4 /#
0)11#00%)* 3"#'# ."# ."'## *#40#0 (##.9
User requirements
Page 11
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 11/40
Improving the UX of commercial products
1. Through configuration and customization
2.
By building new “interaction layer” (very costly)
3.
But we need to discuss usability with vendors
PRIOR to purchase and ask them to deliver
usable products.
Page 12
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 12/40
ROI / The cost of poor UX
1. Support
2.
Documentation, Training
3.
Accommodations
4. Technology redundancies
5. Re-coding, re-designing
6.
Replacing solutions7.
Productivity for faculty, students and staff
Page 13
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 13/40
The human cost of poor usabilityd 0.)6#4. %+-*#6 .& ='&=#'*2 1&(=*#.# "-0 1&)'0# '#7-0.'+<&4 )0-47
."# O.)6#4. :4%&'(+<&4 O20.#(5 *&0-47 "-0 %)**L<(# 0.)6#4. 0.+.)05
+46 0+3 "-0 0.)6#4. *&+40 '#=+2(#4. &/*-7+<&40 >-1> -49
O&(# %+1)*.2 0+3 ."#-' 1&)'0#0 1+41#**#6 /#1+)0# 0.)6#4.0 1&)*6 4&.
I46 +** +8+-*+/*# 0#1<&40 -4 ."# O.)6#4. :4%&'(+<&4 O20.#(9 !"-0
"+6 +4 #0=#1-+**2 4#7+<8# -(=+1. %&' .#4)'#L.'+1> %+1)*.2 3"& 4##6
.& .#+1" + 4)(/#' &% 1&)'0#0 #+1" 0#(#0.#'9
Page 14
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 14/40
In the beginning!
:. 1+4 %##* *-># ."# 3-*6 3#0.5 /). ."#'# +'# (+.)'-.2 (&6#*0 .&
"#*= 1"+'. + 1&)'0# &% +1<&49
Page 15
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 15/40
Activity 1
How Mature is your UX?
From indifference to a
user-driven culture
Page 16
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 16/40
Jakob Nielsen’s list of maturity stages:
Stage 1: Hostility Toward Usability
Stage 2: Developer-Centered User Experience
Stage 3: Skunkworks User Experience
Stage 4: Dedicated UX Budget
Stage 5: Managed Usability
Stage 6: Systematic Usability Process
Stage 7: Integrated User-Centered Design
Stage 8: User-Driven Culture
http://www.nngroup.com/articles/usability-maturity-stages-1-4/
Page 17
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 17/40
Examples from Tufts and Princeton
(Your mileage may vary)
Page 18
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 18/40
Early experiments`+'*2 #H=#'-(#4.0 3-." =+=#' ='&.&.2=-47 +66#6 8+*)# .&
."# ='&E#1.5 +46 "#*=#6 1&**#+7)#0 )46#'0.+46 ."#
)0#%)*4#00 &% )0#' '#0#+'1" +46 )0+/-*-.2 .#0<479
"R=,SS3339/'-R3"-.9&'7S3=L1&4.#4.S)=*&+60S[ZWXSZ\SF0#'!#0<47X9E=7
Page 19
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 19/40
Usability during product selections•
F0+/-*-.2 #8+*)+<&4 3+0 =#'%&'(#6 6)'-47 ."# 0#*#1<&4 ='&1#00
•
O+46/&H#0 3-." #+1" ='&6)1.5 ')4 '#='#0#4.+<8# 01#4+'-&0
3-." %+1)*.29
•
F0+/-*-.2 .#0<47 6+.+ 3+0 )0#6 .& 1&4I7)'# O+>+-
Page 20
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 20/40
Iterative process to redesign course search (SIS)
Page 21
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 21/40
New Design Practice directorate in central IT
c#+6-47 :! ='&E#1.0 3-." + ")(+4L1#4.#'#6 6#0-74 +=='&+1"
Page 22
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 22/40
Augmenting capacityh#0-74 !"-4>-47 3&'>0"&= .& 6#8#*&= + 0"+'#6 8&1+/)*+'2
+46 (-46 0#. +1'&00 &)' &'7+4-_+<&45 %'&( 6#8#*&=#'0 .&
l:Q +46 3-." -48-.#6 /)0-4#00 =+'.4#'09
Page 23
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 23/40
Macro UX in action
K&'>-47 &4 + ='&&% &% 1&41#=. .& 1'#+.# + 0-(=*#' )0#'
#H=#'-#41# +1'&00 020.#(09
Page 24
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 24/40
Princeton
d4 &'7+4-_+<&4+* '&+6(+= /)-*. 1&**+/&'+<8#*2 3-." %+1)*.25
0.)6#4.0 +46 0.+P9 K-." ."#-' "#*=5 3# 0#. &). .& -(='&8# ."#
."#-' #H=#'-#41#0 3-." .#1"4&*&729 K# +'# (&8-47 %'&( +6 "&1
#P&'.05 0&(# 0.+46+'6-_#6 3-."-4 7'&)=05 .& #H=+46-47 +46-40<.)<&4+*-_-47 FG ='+1<1#09
Page 25
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 25/40
d .2=-1+* 3-'#%'+(# %&' +3#/0-.# '#6#0-749 K-'#%'+(#0
3#'# ='&6)1#6 %&**&3-47
&4*-4# 1+'6 0&'<47 #H#'1-0#0
3-." #46 )0#'09
Page 26
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 26/40
O.)6#4. 1&)'0# =*+44-475/#%&'# ."# '#6#0-749 !"#
='&E#1. +1<8#*2 -48&*8#6
0.)6#4.0 +46 0&)7". ."#-'
-4=). %'&( -41#=<&4 ."'&)7"
6#*-8#'29
Page 27
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 27/40
Page 28
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 28/40
!"# "#+. (+= 0"&30."# '#0)*.0 &% + 1*-1>
.#0. &4 ."# 3#/0-.#
6)'-47 -.#'+<8# 6#0-74
+46 6#8#*&=(#4.9
)0+/-*-.2")/91&(
Page 29
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 29/40
n+."#'-47 -4=). %&'."# F4-8#'0-.2D0 (+-4
3#/ 0-.# '#6#0-749
Page 30
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 30/40
Q)' F0#' `H=#'-#41# QM1#-0 "-'-47 -.0 I'0. ;!`
Page 31
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 31/40
Activity 2
Which capabilities do you
have in place and which arethe ones you need?
Page 32
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 32/40
Usability Maturity Chart (HFI)
"R=,SS3339")(+4%+1.&'091&(S6&34*&+60S)0+/-*-.2](+.)'-.2]1"+'.9=6%
Page 33
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 33/40
Page 34
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 34/40
Page 35
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 35/40
1. What is your desired state for UX in your
organization?
2.
What are you organization’s greatest near-term
needs for UX?
3.
What are your organization’s key strengths?
4. Who in your organization is championing, or would
champion, UX?
5. List three concrete actions you can take to leverage
support for UX and your organization’s key
strengths.
Page 36
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 36/40
Foundational
• Don’t Make Me Think: A Common Sense Approach to Web Usability, Steve Krug
Usability
• Usability and UX Articles from the Nielsen Norman Group -
http://www.nngroup.com/articles • UX best practices and guidelines (US Government resource)
http://usability.gov
• Managing UX (UXPA) http://www.usabilitybok.org/managing-ux
• ROI Calculators http://humanfactors.com/coolstuff/roi.asp
Maturing UX
• What Every CEO Should Know about Creating an Effective User Experience
Practice.
http://www.humanfactors.com/whitepapers/what_every_ceo_should_know.asp
f#0&)'1#0
Page 37
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 37/40
Training, workshops
• Experience Point http://www.experiencepoint.com/
• Human Factors International http://www.humanfactors.com/
Design Thinking
•
IDEO Design Kit (http://www.designkit.org/)
• Using Design Thinking in Higher Education, Educause Review, Jan. 12, 2015
http://www.educause.edu/ero/article/using-design-thinking-higher-education
Service Design
• Service Design: Basic Tools and Insights, by Marc Stickdorn (video)
http://aycl.uie.com/virtual_seminars/service_design_basic_tools_and_insights
Accessibility
• Web Accessibilty Initiative Guidelines and Techniques
http://www.w3.org/WAI/guid-tech
f#0&)'1#0
Page 38
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 38/40
!"+4> 2&)o
c#.D0 0.+2 1&44#1.#6
J+'2 d*/#'. (+'2+p='-41#.&49#6)
Jq*+4-# O.9 b+(#0 (#*+4-#90.E+(#0p.)j09#6)
Page 39
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 39/40
@#*= )0 -(='&8# +46 7'&3
!"+4> 2&) %&' =+'<1-=+<47
-4 .&6+2D0 0#00-&49
K# +'# 8#'2 -4.#'#0.#6 -4 2&)' %##6/+1>9
N*#+0# .+># + (-4).# .& I** &). ."# 0#00-&4
#8+*)+<&4 %&)46 3-."-4 ."# 1&4%#'#41# (&/-*#
+==5 &' ."# &4*-4# +7#46+
Page 40
8/20/2019 How UX Augments IT's Capacity for Supporting the Academic Mission (287949372)
http://slidepdf.com/reader/full/how-ux-augments-its-capacity-for-supporting-the-academic-mission-287949372 40/40
This presentation leaves copyright of the content to thepresenter. Unless otherwise noted in the materials,
uploaded content carries theCreative Commons Attribution-NonCommercial-ShareAlike license, which grants usage to the general
public with the stipulated criteria.