Share
Embed
Slide 1
Slide 1 text
LEAN UX
BRING
TO YOUR PRODUCT
AND ENGINEERING CYCLES
JOHN ATHAYDE
VP of DESIGN, CARGOSENSE
@BOBOROSHI
REVOLUTIONCONF 2018
VIRGINIA BEACH, VA
Slide 2
Slide 2 text
http://www.flickr.com/photos/michael-seljos/2073146716/
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
METICULOUS
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
LET’S GET
STARTED
Slide 8
Slide 8 text
Definitions
Slide 9
Slide 9 text
UX
IA
CX
ID
XD
Slide 10
Slide 10 text
X
Slide 11
Slide 11 text
EXPERIENCE
X
Slide 12
Slide 12 text
http://visual.ly/disciplines-user-experience-design
Slide 13
Slide 13 text
https://uxdesign.cc/the-spectrum-of-digital-design-roles-in-2018-3286390a9966
Slide 14
Slide 14 text
WHAT IS “UX” &
WHY SHOULD
YOU CARE?
Slide 15
Slide 15 text
The What
Slide 16
Slide 16 text
THE
PROMPTNESS
WITH WHICH USERS LEARN
TO USE SOMETHING
Slide 17
Slide 17 text
THE
EFFICIENCY
THEY ATTAIN WHILE
MAKING USE OF IT
Slide 18
Slide 18 text
REMEMBER
HOW TO USE IT
HOW EASY IT IS
FOR THEM TO
Slide 19
Slide 19 text
ERROR-
PRONE
IT IS
HOW
Slide 20
Slide 20 text
LEVEL OF
SATISFACTION
THEY ATTAIN
FROM USING IT
Slide 21
Slide 21 text
LEVEL OF SATISFACTION
THEY ATTAIN FROM USING IT
THE PROMPTNESS
WITH WHICH USERS LEARN TO USE SOMETHING
THE EFFICIENCY
THEY ATTAIN WHILE MAKING USE OF IT
REMEMBERHOW TO USE IT
HOW EASY IT IS FOR THEM TO
ERROR-PRONEIT IS
HOW
Slide 22
Slide 22 text
“DESIGN
THINKING”
Slide 23
Slide 23 text
“[Design thinking is] innovation powered by …
direct observation of what people want and
need in their lives and what they like or dislike
about the way particular products are made,
packaged, marketed, sold, and supported.”
—Tim Brown, CEO of IDEO
“
”
Slide 24
Slide 24 text
“[It’s] a discipline that uses the designer’s
sensibility and methods to match people’s needs
with what is technologically feasible and what
a viable business strategy can convert into
customer value and market opportunity.”
—Tim Brown, CEO of IDEO
“
”
Slide 25
Slide 25 text
“LEAN”
Slide 26
Slide 26 text
Taiichi Ohno
FOUNDER OF THE TOYOTA PRODUCTION SYSTEM
େ
Slide 27
Slide 27 text
Taiichi Ohno
FOUNDER OF THE TOYOTA PRODUCTION SYSTEM
PRESENT CAPACITY =
WORK + WASTE
େ
Slide 28
Slide 28 text
8.3x
Slide 29
Slide 29 text
PRECISELY SPECIFY WHAT CUSTOMERS VALUE
IDENTIFY THE VALUE STREAM FOR EACH PRODUCT
MAKE VALUE FLOW WITHOUT INTERRUPTIONS
LET THE CUSTOMER PULL VALUE FROM THE PRODUCER
PURSUE PERFECTION
—“Lean Thinking” by James P. Womack and Daniel T. Jones
Slide 30
Slide 30 text
“LEAN
STARTUP”
Slide 31
Slide 31 text
BUILD
MEASURE
LEARN
Slide 32
Slide 32 text
No content
Slide 33
Slide 33 text
DESIGN THINKING
+
AGILE PROCESS
+
LEAN STARTUP
=
Slide 34
Slide 34 text
“LEAN UX”
Slide 35
Slide 35 text
“Lean UX is the practice of bringing the true
nature of a product to light faster, in a
collaborative, cross-functional way that
reduces the emphasis on thorough
documentation while increasing the focus on
building a shared understanding of the actual
product experience being designed.”
—Jeff Gothelf, Lean UX
“
”
Slide 36
Slide 36 text
The Why
Slide 37
Slide 37 text
UX DEBT
is
TECHNICAL
DEBT
Slide 38
Slide 38 text
EXPERIENCE
IS EVERYONE’S
PROBLEM
Slide 39
Slide 39 text
No content
Slide 40
Slide 40 text
If there’s more truth in
HALLWAYS THAN
IN MEETINGS,
you have a problem.
“
”
-Ed Catmull, President of Pixar/Disney Animation
Slide 41
Slide 41 text
If there are people in your
organization who feel they are
not free to suggest ideas,
you lose. Do not discount ideas
from unexpected sources.
“
”
-Ed Catmull, President of Pixar/Disney Animation
Slide 42
Slide 42 text
Our job as managers in creative environments
is to protect new ideas from those who don’t understand
that in order for greatness to emerge, there must be
phases of not-so-greatness.
PROTECT THE FUTURE,
not the past.
“
”
-Ed Catmull, President of Pixar/Disney Animation
Slide 43
Slide 43 text
YOU NEED TO
COMPETE
Slide 44
Slide 44 text
No content
Slide 45
Slide 45 text
No content
Slide 46
Slide 46 text
STATE
OF THE ART
Slide 47
Slide 47 text
Things would be wonderful if we just had our own
JONY IVE.
“
”
Slide 48
Slide 48 text
No content
Slide 49
Slide 49 text
NO DIRECTION
“Mauritania”by John Spooner https://www.flickr.com/photos/johnspooner/315157691 CC BY-NC 2.0
Slide 50
Slide 50 text
NO TEAM
“The Lone Socializer” by Staffan Cederborg https://www.flickr.com/photos/155059340@N04/41737478572/ (CC BY-SA 2.0)
Slide 51
Slide 51 text
OVERLOADED TEAM
“40+293 Snooze” by bark https://www.flickr.com/photos/barkbud/4906055297/ (CC BY 2.0)
Slide 52
Slide 52 text
OUTSOURCED TEAM
“LIASONS” by Marc Falardeau https://www.flickr.com/photos/49889874@N05/7645123302/ (CC BY 2.0)
Slide 53
Slide 53 text
OVERLOADED SPEC
“255-365 Year 6 Books” by George Redgrave https://www.flickr.com/photos/funfilledgeorgie/8330702243 (CC BY-ND 2.0)
Slide 54
Slide 54 text
INCOMPLETE /
OUT OF DATE SPEC
“Mine Flue Tunnel” by Tom Blackwell https://www.flickr.com/photos/tjblackwell/3652327674/ (CC BY-NC 2.0)
Slide 55
Slide 55 text
The fix(es)
Slide 56
Slide 56 text
PODS
(NOT TIDE)
Slide 57
Slide 57 text
EVERYONE WANTS A
SUPER SENIOR DESIGN
GURU UNICORN
Slide 58
Slide 58 text
ENGINEER
PRODUCT
MANAGER
MOTION
DESIGNER
PROJECT
MANAGER
VISUAL
DESIGNER
FRONT END
ENGINEER
PROTOTYPE
ENGINEER
INFORMATION
ARCHITECT
QA
UX RESEARCH
Slide 59
Slide 59 text
RESEARCH
Slide 60
Slide 60 text
SHADOW
your users
Photo by Leo Hildago | https://www.flickr.com/photos/ileohidalgo/15090035480
Slide 61
Slide 61 text
http://fortune.com/2016/03/16/livingsocial-layoffs/
Slide 62
Slide 62 text
Yuji Yokaya
http://www.forbes.com/forbes/2003/0217/056a.html
TOYOTA SIENNA CHIEF ENGINEER
Slide 63
Slide 63 text
No content
Slide 64
Slide 64 text
No content
Slide 65
Slide 65 text
MENTAL
MODELS
Slide 66
Slide 66 text
http://johnnyholland.org/2009/01/book-review-mental-models/
Slide 67
Slide 67 text
No content
Slide 68
Slide 68 text
JOURNEY
MAPS
Slide 69
Slide 69 text
No content
Slide 70
Slide 70 text
No content
Slide 71
Slide 71 text
No content
Slide 72
Slide 72 text
(PROTO)-
PERSONAS
Slide 73
Slide 73 text
No content
Slide 74
Slide 74 text
http://www.quietaction.com/blog/what-customers-are-you-creating.html
Slide 75
Slide 75 text
SKETCHING
Slide 76
Slide 76 text
No content
Slide 77
Slide 77 text
No content
Slide 78
Slide 78 text
No content
Slide 79
Slide 79 text
No content
Slide 80
Slide 80 text
STORY
MAPPING
Slide 81
Slide 81 text
“Story Map” by visualpun.ch (CC BY-SA 2.0)
https://www.flickr.com/photos/visualpunch/10279105343
Slide 82
Slide 82 text
STORY
BOARDS
Slide 83
Slide 83 text
From “Sprint” keynote slide deck by Jake Knapp
Slide 84
Slide 84 text
SIX-UPS /
SKETCH
BOARDS
Slide 85
Slide 85 text
http://adaptivepath.org/ideas/sketchboards-discover-better-faster-ux-solutions/
http://kor.com/blog/personas-empathy-maps-and-6-ups-reign-at-uxbootcamp
Slide 86
Slide 86 text
CRAZY
EIGHTS
Slide 87
Slide 87 text
http://www.fastcodesign.com/1672917/the-8-steps-to-creating-a-great-storyboard
Slide 88
Slide 88 text
VISION
BOARDS
Slide 89
Slide 89 text
VISION BOARDS ~2011
Slide 90
Slide 90 text
No content
Slide 91
Slide 91 text
PINUPS
Slide 92
Slide 92 text
No content
Slide 93
Slide 93 text
CLICKABLE
PROTOTYPE
Slide 94
Slide 94 text
http://christinazierold.de/portfolio/east-gippsland/
Slide 95
Slide 95 text
PROTOTYPING TOOLS
Slide 96
Slide 96 text
Deliverables should help drive decisions,
not just document them.
—Jenny Reeves
https://studio.uxpin.com/blog/5-reasons-freelance-ux-projects-fail/
“
”
Slide 97
Slide 97 text
TESTING
Slide 98
Slide 98 text
No content
Slide 99
Slide 99 text
No content
Slide 100
Slide 100 text
http://www.uxbooth.com/articles/the-art-of-guerilla-usability-testing/
Slide 101
Slide 101 text
What do you make of this?
What would you do here?
How would you do [that]?
http://www.uxbooth.com/articles/the-art-of-guerilla-usability-testing/
Slide 102
Slide 102 text
No content
Slide 103
Slide 103 text
SO HOW MANY?
Slide 104
Slide 104 text
“A Mathematical Model of the Finding of Usability Problems” by Jakob Nielsen and Thomas K. Landauer
Proceedings of ACM INTERCHI’93 Conference (Amsterdam, 24-29 April 1993)
http://dl.acm.org/citation.cfm?id=169166
Slide 105
Slide 105 text
The main argument for small tests is simply
return on investment: testing costs increase
with each additional study participant, yet
the number of findings quickly reaches the
point of diminishing returns. There's little
additional benefit to running more than 5
people through the same study; ROI drops
like a stone with a bigger N .
“
”
—Jakob Nielsen
https://www.nngroup.com/articles/how-many-test-users/
Slide 106
Slide 106 text
20 15 39
CARD
SORTING
QUANTITATIVE
STUDIES EYETRACKING
NOT ALWAYS THE OPTIMUM:
https://www.nngroup.com/articles/how-many-test-users/
Slide 107
Slide 107 text
DESIGN
SYSTEMS
Slide 108
Slide 108 text
CREATE A SINGLE
(VERSIONED)
SOURCE OF
DESIGN TRUTH
Slide 109
Slide 109 text
No content
Slide 110
Slide 110 text
No content
Slide 111
Slide 111 text
No content
Slide 112
Slide 112 text
No content
Slide 113
Slide 113 text
No content
Slide 114
Slide 114 text
No content
Slide 115
Slide 115 text
No content
Slide 116
Slide 116 text
ATOMIC DESIGN
PATTERNLAB.io
Slide 117
Slide 117 text
No content
Slide 118
Slide 118 text
Focus?
Slide 119
Slide 119 text
https://medium.com/galleys/how-we-tried-to-design-our-own-book-cover-and-how-jessica-hische-saved-the-day-58551087cfea
Slide 120
Slide 120 text
Designers temptation is to go away into their
fancy design room and to magically solve
problems. Designers are not very good about
solving problems in isolation, but they are
very powerful in mixed teams of helping
bring ideas to reality.
“
”
—Daniel Burka, Design Partner at Google Ventures
https://www.youtube.com/watch?v=v1HBqlxQjZI
Slide 121
Slide 121 text
No content
Slide 122
Slide 122 text
LOVE THE
FIRST TIME
USER
Slide 123
Slide 123 text
No content
Slide 124
Slide 124 text
No content
Slide 125
Slide 125 text
WHERE
AM I?
Slide 126
Slide 126 text
“WHAT AM I SUPPOSED
TO DO HERE?”
Slide 127
Slide 127 text
No content
Slide 128
Slide 128 text
DESIGN IS
TYPOGRAPHY
Slide 129
Slide 129 text
The quick brown fox jumped over the lazy dog.
Slide 130
Slide 130 text
The quick brown fox jumped over the lazy dog.
Slide 131
Slide 131 text
The quick brown fox
jumped over the lazy dog.
Slide 132
Slide 132 text
The
quick
brown
fox
jumped
over
the
lazy
dog.
Slide 133
Slide 133 text
The
quick
brown
fox
jumped
over
the
lazy
dog.
Slide 134
Slide 134 text
The
Quick Brown Fox
JUMPED OVER THE LAZY DOG
Slide 135
Slide 135 text
The
Quick Brown Fox
JUMPED OVER THE LAZY DOG
Slide 136
Slide 136 text
The quick brown fox jumped over the lazy dog.
Slide 137
Slide 137 text
The
Quick Brown Fox
JUMPED OVER THE LAZY DOG
Slide 138
Slide 138 text
Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut
enim ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat. Duis aute
irure dolor in reprehenderit in
voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non
proident, sunt in culpa qui officia
deserunt mollit anim id est
laborum.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut
enim ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat. Duis aute
irure dolor in reprehenderit in
voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non
Slide 139
Slide 139 text
A designer knows he has achieved perfection
not when there is nothing left to add,
but when there is nothing left to take away.
“
”
—Antoine de Saint-Exupery
Slide 140
Slide 140 text
Design is just problem solving within a set of
constraints. In the grand scheme of things, it
rarely has anything to do with graphics.
“
”
—Colm Tuite
The Marvel Styleguide
http://blog.marvelapp.com/the-marvel-styleguide/
Slide 141
Slide 141 text
No content
Slide 142
Slide 142 text
No content
Slide 143
Slide 143 text
JOHN ATHAYDE
[email protected]
@boboroshi
www.developerux.com
www.meticulous.com
www.cargosense.com
Thank You!