Demystifying the Design Process
51
Demystifying Design
Transcript of Demystifying the Design Process
Demystifying Design
Chris Lamothe
screenshots of early web uis
About Cantina
Cantina is a digital design and development agency based in Boston since 2007.
Alec Francesconi
Current:President at Cantina
Previous:Isobar (Molecular),Edgewater
Contact:[email protected]
Chris Lamothe
Current:Director, Experience Design at Cantina
Previous:Harvard Business School, Isobar (Molecular)
Contact:[email protected]
WHY SO MYSTIFIED?
image source: https://hdwallpapers.cat/
2009 2011 2014
What is Design?
art?
image source: http://acesweeklyblog.com/
immeasurable?
image source: http://wallbasehq.com
MAGIC?
image source: http://www.webdesignbooth.com
lipstick?
image source: http://visualsearch.tk
the process of design
Web Design Process1998-2002
+
image source: http://minecrafts.org https://www.youtube.com
+( )x
image source: http://steamcommunity.com
image source: https://commons.wikimedia.org
image source: http://galleryhip.comhttp://unapausaparalapublicidad.com
image source: http://www.gloriouscolor.com
UX Design Process2002-2010
+
+ +
image source: http://jennycham.co.uk
+( )x+
=+( )x+
image source: https://mikespennyforyourthoughts.wordpress.com
+(( )x = )x+
image source: http://blogs.motortrend.com
...later (if we’re lucky)
+(( )x = )x+
x
image source: http://reqtest.com
there must be a better way
design is art & science
Source: A. Cliché
Art Science
Qualitative Quantitative
Method:Intuition
Validation:Eye of the beholder
Credit: Teehan & Lax
Method: Investigation
Validation:Testing, Metrics
design is where science and art break even
Art Science
Qualitative Quantitative
Method:Intuition
Validation:Eye of the beholder
Method: Investigation
Validation:Testing, Metrics
Credit: Teehan & Lax
Design
design is art with objectives
Credit: Diane Leeper
ArtScience
QualitativeQuantitative
Method:Intuition
Validation:Eye of the beholder
Method: Investigation
Validation:Testing, Metrics
Credit: Teehan & Lax
Design
scientific method
1. Define a question or assumption2. Gather information and resources3. Form a hypothesis4. Test the hypothesis5. Analyze the data6. Interpret the data and draw conclusions7. Publish results8. Retest
1. Define a question or assumption
2. Gather information and resources3. Form a hypothesis
4. Test the hypothesis
5. Analyze the data6. Interpret the data and draw
conclusions
7. Publish results8. Retest
“lean” methodology
image source: http://100state.com
1. Define a question or assumption
“[Our service/product] was designed to achieve [these goals].
We have observed that the product/service isn’t meeting [these goals], which is causing [this adverse effect] to our business.
How might we improve [service/product] so that our customers are more successful based on [these measurable criteria]?
Source: Lean UX
3. Form a hypothesis
If ________________, then _____________.
We believe that [doing this/building this feature/creating this experience] for [these people] will achieve [this outcome].
We will know this is true when we see [this market feedback, quantitative measure, or qualitative insight].
3. Form a hypothesis
Source: Lean UX
4. Test the hypothesis
6. Interpret the data and draw conclusions
UX Design ProcessPresent
+(( )x = )x+
= )x
+(( )x = )x+
= )x
X X X XX
++ Users! +
image source: http://www.interaction-venice.com
when are we done?
some considerations
● There is only one (deliverable)● This is sausage making● Takes two to tango● Talk with real people ● 5 is enough● Always be testing● Lose the Big Reveal● Rigor required
questions?
