Download - Critical Thinking forUX Designers (Workshop)
Critical Thinking
Russ Unger@russu
Stephen P. Anderson@stephenanderson
for UX Designers (or Anyone really!)
It’s not about the tools, it’s about the thinking process
that led to these toolsthinking process
A C T I V I T Y
It’s five years in the future. Your big idea failed. Write THE OBITUARY for your big idea.
A C T I V I T Y
It’s five years in the future. Your big idea failed. Write THE OBITUARY for your big idea.
It’s 2017. “User Experience” is Dead.What happened?
Write the obituary for User Experience.
CriticalThinking Skills?
Houses, Walls, Windows
Image Source © Time Inc.
Henry Ford
Images Source © Time Inc.
“If I would have asked people what they wanted, they would have said “a faster horse.”
The Limbic System
Images Source http://home.comcast.net/~momtofive/SIDWEBPAGE2.htm
Brains Are Wired 2-Dimensionally
Image Source © icanhascheezburger.com
Limbic Also Controls the Orgasms
Image Source © http://www.meh.ro/
My Wife
Image Source Russ Unger
“Really? An orgasm slide?
Those people had better not think that’s me in the picture...
Dr. Steve Julius
Image Source Steve’s Son Max
“With a bit of training and through some basic brain-stretching exercises, we can be re!ective. We can slow down and "nd alternative solutions.
Let’s Try One
Image Source © Russ Unger
•Four Magic Seedlings
•Must be planted equal distances apart from each other•Yes. You have to plant four of
them to make the magic
Show Your Work
Image Source © Russ Unger
2’
2’
2’ 2’2.82842712’
Math Lesson:A2 + B2 = C2
4+4=8Square Root of
8 = 2.82842712
Solved!
Image Source © Russ Unger
2’
2’2’
2’
2’ 2’
DTCT
What It IS NOT:•Biased•Partial•Uninformed•Prejudiced
What It IS:•Self-directed•Self-monitored•Self-corrective
Image Source © Time Inc.
‘Z’-Shaped Thinkers
Why ?
‘T’ was taken...
Tdeep vertical expertise
empathy to see patterns and branch out into other areas
-Shaped Thinkers?
-Shaped Thinkers?V
iShaped Thinkers?
Z
“When everyone zigs, zag.”
X
Z
Z
Z
reliable, but diminishing returns
reliable, but diminishing returns
opportunity to ‘change the game’
?
Nicholas Negroponte
Nicholas Negroponte
George Lucas
Dean Kamen
buckminster fuller
Geodesic Dome Housing
The Fuller Projection
The Dymaxion Car
The Dymaxion Bathroom / Fog Gun Shower
“When everyone zigs, zag.”
Cool...
But What does this have to
do with application design
and development?
‘Z’-Shaped Thinkersapproach challenges
(of all kinds!)in different ways
Zwhat happens here?
reframe the problem
‘Z’-Shaped Thinkers...
???
A C T I V I T Y
(example from Marc Rettig)
You have 3 minutes. Design a vase.
A C T I V I T Y
(example from Marc Rettig)
You have 3 minutes. Design a vase.Design a better way for people to enjoy flowers in their home.
reframe the problem
‘Z’-Shaped Thinkers...
???
reframe the problem
‘Z’-Shaped Thinkers...
?
FRAMING
DESIGN AS
PROBLEMSOLVING
FUNCTION AND FORM
STYLE
NO CONSCIOUSDESIGN
A ROUGH DESIGN MATURITY CONTINUUM
+
!!!!!
Design redefines the challenges facing the organization.
Framing sets the agenda, outlines the boundaries and axes of interest, and moves design from executing strategy to shaping strategy. Disruptive innovation lives here.
Design finds new opportunities by solving existing problems.
Design process generates alternatives within a problem space. Design also narrows down those options to a specific solution.
Design makes things work better.
This is the classic practice of design - but it's still commonly limited to incremental improvements through iteration over existing solutions.
Design is the gateway to be hip and cool.
Design is stylish, but too often is percieved and practiced as a cosmetic afterthought.
Design value isn't recognized.
This attitude fosters design by default - however things come out is fine, because there are more important issues to deal with.?
www.bplusd.org
© 2005, Jess McMullin
bplusd
BUSINESS+DESIGN
(Jess McMullin - Design Maturity Model - http://www.bplusd.org/2005/10/19/a-rough-design-maturity-model/ )
Design a better way for people to enjoy flowers in their home.
Design a vase.
Design a better way to learn about [topic]
Design a better way for people to enjoy flowers in their home.
Design a vase.
Design a better search engine results page.
Design a better way to learn about [topic]
Design a better way for people to enjoy flowers in their home.
Design a vase.
Design a better search engine results page.
Experience Focused.Product or Task Focused
Framing the right problem is about:
Context
CurrentProblem(s)
DesiredOutcome(s)
A C T I V I T Y
“Find the center”
A C T I V I T Y
“Strategy Canvas”
A C T I V I T Y
“Strategy Canvas”
A C T I V I T Y
“Strategy Canvas”
A C T I V I T Y
A B
A B
WRONG PROBLEM!
! ?
! ?
(RIGHT PROBLEM TO SOLVE)
“What’s the value of what I’m delivering?”
ALIGNMENT
UNDERSTANDING
EXPLORATION
CLARIFICATION
COMMUNICATION
INSPIRATION
PERSUASION
DESIGN RESEARCHLooks at People, the Activities, and
the Context of those Activities
PERSONAS
SCENARIOS
EXPERIENCE MODELS
MENTAL MODELS
STORIES
MOCKUPS
PRESENTATIONS / MODELS
PROTOTYPES
I’ve used...For the purpose of...
HUMILIATION & GALVANIZATION EXPERT EVALUATIONS
explore many perspectives
‘Z’-Shaped Thinkers...
The Cotton Bowl
Image Source My Cousin
The Cotton Bowl
“She focused so much on her business that she forgot to focus on her business.
Image Source My Cousin
A C T I V I T Y
“role play the browser”
A C T I V I T Y
Ask yourself“can a five year old understand this?”
!p!
A C T I V I T Y
“Wear a different hat.”
How would these different brands respond to the same design challenge?
A C T I V I T Y
“Classical Invention”(as a way to see something from 5 different perspectives)
Definition -Genus
-Division
Comparison-Similarity -Difference
-Degree
Relationship-Cause and effect
-Antecedent and consequence -Compliments
-Contradictions
Circumstance -Possible and impossible-Past fact and future fact
Testimony-Authority
-Testimonial-Statistics-Maxims
-Law-Precedents
A C T I V I T Y
Draw the emotional peaks and valleys in your customer journey. Where does the experience start? When does it end?
“Peaks & Valleys”
A C T I V I T Y
Draw the emotional peaks and valleys in your customer journey. Where does the experience start? When does it end?
“Peaks & Valleys”
BrowseCoupons Build Pizza Review
PricePayment
Info Wait Eat!
Ordering Pizza for Delivery
BrowseCoupons Build Pizza Review
PricePayment
Info Wait Eat!
Ordering Pizza for Delivery
BrowseCoupons Build Pizza
Review Price
Payment Info
Wait
Eat!
Ordering Pizza for Delivery!
"
BrowseCoupons
Build Pizza
Review Price
Payment Info
Wait Eat!
!
"
!!
BrowseCoupons
Build Pizza
Review Price
Payment Info
Wait Eat!
!
"
!!
BrowseCoupons
Build Pizza
Review Price
Payment Info
Wait Eat!
!
"
!!
BrowseCoupons
Build Pizza
Review Price
Payment Info
Wait Eat!
!
"
!!
BrowseCoupons
Build Pizza
Review Price
Payment Info
Wait Eat!
!
"
!!
A C T I V I T Y
Draw the emotional peaks and valleys in your customer journey. Where does the experience start? When does it end?
“Peaks & Valleys”
A C T I V I T Y
What’s the opposite of what you’re trying to do?How would you design something with the
opposite goal?
“Reverse the Problem”
http://www.flickr.com/photos/43130906@N04/4251109221/
Habit to develop:{Training your mind differently (Count squares for a week, etc.)}
http://www.flickr.com/photos/43130906@N04/4251109221/
Habit to develop:Change your work context every 18 months. (new job, new project or new role within your company)
synthesizeinformation
‘Z’-Shaped Thinkers...
News To Me
Images Source © Time Inc.
Deja vu?
Images Source © !e Wachowski Brothers
Remember These?
Images Source © http://www.flickr.com/photos/jacksonboyle/1506260962/sizes/l/in/photostream/
Remember These?
Images Source © http://www.flickr.com/photos/jacksonboyle/1506260962/sizes/l/in/photostream/
“When the cassette recorder was invented, the music industry announced a moral panic over the fact that people could simply steal music from the radio, or copy it from each other.
- John Lanchester
Remember These?
Images Source Wikipedia
Meet the First Digital Audio Player
Images Source Kane Kramer http://www.kanekramer.com
Meet the First Digital Audio Player
Images Source Kane Kramer http://www.kanekramer.com
1979
Meet the First Digital Audio Player
Images Source Kane Kramer http://www.kanekramer.com
Meet the First Digital Audio Player
Images Source Kane Kramer http://www.kanekramer.com
The MP3 Player is an Application
Images Source © http://flickriver.com
The New Books
The New Books
Free?
Back to the Newspapers...
Back to the Newspapers...
Back to the Newspapers...
+
= Fog Gun Shower
+Cooking
+Cooking
+Poetry
+Poetry
+Usability
+Usability
http://www.flickr.com/photos/43130906@N04/4251109221/
Habit to develop:Expose yourself: Learn from other disciplines (film, restaurants, gardening, etc.)
A C T I V I T Y
“Forced connections”
http://www.flickr.com/photos/43130906@N04/4251109221/
Habit to develop:Expose yourself! To other kinds of UIs–from games, different industries, and other devices (kiosks, mobile, medical, car dashboards, etc.)
Categories
Sub-Categories
Bars...color coding
height
More details on
click
1
2
3
4
5
01
02
03
04
05
06
08
09
10 11 12 13 14 15 16 17 18 19
20 21
23
24
25
26
27
REGION 1 REGION 2 REGION 3
07
01
02
03
04
05
06 07 Miami Branch
08
09
10
Q4 TODAY
123.45
93.04
11 12 13 14 15 16 17 18 19
20 21
23
24
25
26
27
REGION 1 REGION 2 REGION 3
Supervisor: John SmithQtly Avg: $4.2mOther: $55.3m
Navigation! Activity Focused
_
_
_
Building Interiors, Caves, etc.
Geographical Places
Building Interiors, Caves, etc.
Geographical Places
Building Interiors, Caves, etc.
Geographical Places
Persistent Global Controls
Building Interiors, Caves, etc.
Geographical Places
Persistent Global Controls
Building Interiors, Caves, etc.
Geographical Places
Persistent Global Controls
Map, News, Character Stats
Building Interiors, Caves, etc.
Geographical Places
Persistent Global Controls
Map, News, Character Stats
Games
Building Interiors, Caves, etc.
Geographical Places
Persistent Global Controls
Map, News, Character Stats
Games
Building Interiors, Caves, etc.
Geographical Places
Persistent Global Controls
Map, News, Character Stats
Games
Building Interiors, Caves, etc.
Geographical Places
Persistent Global Controls
Map, News, Character Stats
Games
Building Interiors, Caves, etc.
Geographical Places
Persistent Global Controls
Map, News, Character Stats
?
Various Applications
Plug-Ins, related tools
Persistent Global Controls
Global Popups, Profile,
Navigation, News
Context-Specific Tasks, Contextual HelpGames
Building Interiors, Caves, etc.
Geographical Places
Persistent Global Controls
Map, News, Character Stats
I have problems with separate disciplines & serialized workflows.
I have problems with UX certifications.
“Don’t worry about how we’re going to do it, we just want to see an impression of what these scenes are going to look like on the screen...
George Lucas, speaking to Ralph McQuarrie about concept paintings for Star Wars
“We started out with almost no experience in building models in this quantity or this type...
Grant McCune
“Everybody sort of cross-trained and worked in different techniques. That was different than the Hollywood system that had very strict sort of union rules. But there was no way that this work could be done that way, or that the Hollywood unions could understand what we were doing…
Dennis Muren
“We took the concept of motion control... and we made it production savvy, by tying it into a computer, which at that point was custom built microprocessors. There were no PCs... We built them from scratch.
John Dykstra
“Broad and Deep Generalists”People who are ...
PassionateCurious
“Synthesizers”
Siloed DisciplinesVS.
Researchers Interaction Designers
Visual Designers
Front-End Developers
Information Architects
Usability/ Human Factors
Back-End Developers
A C T I V I T Y
Estimate billable hours/roles for this project:
Exercise
Web site for a non-profit organizationAccept Donations from any variety of Payment Types
Highlight “the Good” being doneHighlight the Board of Directors
Highlight Opportunities to help/join/volunteer/etc.News / Events / Newsletter
Contact Info
‘Z’-Shaped Thinkers...
embrace constraints
A C T I V I T Y
Estimate billable hours/roles for this project:
Exercise
Web site for a non-profit organizationAccept Donations from any variety of Payment Types
Highlight “the Good” being doneHighlight the Board of Directors
Highlight Opportunities to help/join/volunteer/etc.News / Events / Newsletter
Contact Info
New Twist: How would you do this in x hours?!
What does this have to
do with Star Wars?
free
prize!!
“Graflex 3-Cell Flashgun”
“Luke’s Lightsaber”
“Denix C96 Mauser”
“Han Solo’s Blaster”
“Man built most nobly when limitations were at their greatest.
Frank Lloyd Wright:
why I stopped wireframing...
“Abstraction”
A C T I V I T Y
introduces constraints and forces you to focus on the essential
Design for Mobile First.
A C T I V I T Y
introduces constraints and forces you to focus on the essential
Design Studio
task analysis grid
inspiration library
quantity over quality.
6-8/5
Design Studio
A C T I V I T Y
“Design the Box”
Design the Box
Design the Box
Design the Box
A C T I V I T Y
What can you build and launch in a weekend?
.. the Minimum Viable Product (MVP) is that product which has just those features (and no more) that allows you to ship a product that resonates with early adopters; some of whom will pay you money or give you feedback.
-Eric Reis
‘Z’-Shaped Thinkers...
challenge assumptions
Fast Food: Good or Bad?
*Build a tricycle with wings!
*Build a tricycle with wings!
(SILLY REQUEST)
*B
What color do you want it?
Build a tricycle with wings!
(SILLY REQUEST)
*B
What color do you want it?
Build a tricycle with wings!
BWe can try out some
HTML5-coated titanium!
(SILLY REQUEST)
*B
What color do you want it?
bStop.
Why is this valuable? And
for whom?
Build a tricycle with wings!
BWe can try out some
HTML5-coated titanium!
(SILLY REQUEST)
A C T I V I T Y
“Ladders of Abstraction”also known as...
Why?
Why?
WHY?
WHY?
WHY?
A C T I V I T Y
“What if…?”
“We’ve tried that…”
‘Z’-Shaped Thinkers...
appreciatedetails
transparentmessages
modal confirmation
boxes
THINGS NOT BROKEN
http://37signals.com/svn/archives2/the_long_road_to_simple_creating_debating_and_iterating_add_an_event.php
http://www.flickr.com/photos/43130906@N04/4251109221/
Habit to develop:Take up a hobby where a subtle appreciation of details is required (enjoying Wine, cheese, hot teas, chocolate, jewelry, paper, etc.)
‘Z’-Shaped Thinkers...reframe the problem
explore many perspectivessynthesize informationembrace constraints
challenge assumptionsappreciate details
‘Z’-Shaped Thinkers...
reframe the problemexplore many perspectives
synthesize informationembrace constraints
challenge assumptionsappreciate details
envision unseen opportunities
in order to...
Deborah Adler
A C T I V I T Y
It’s five years in the future. Your big idea failed. Write THE OBITUARY for your big idea.
It’s 2017. “User Experience” is Dead.What happened?
Write the obituary for User Experience.
A C T I V I T Y
It’s 5 years in the future.Write the press for your successful product/service/company.
A C T I V I T Y
It’s 5 years in the future.Write the press for your successful product/service/company.
Be the press release for UX!
Z
Thank you!
Russ [email protected]
Stephen P. [email protected]
slideshare.net/stephenpa
getmentalnotes.com