Critical Thinking for Ux Designers Workshop 110328145626 Phpapp02

210
Critical Thinking Russ Unger @russu Stephen P. Anderson @stephenanderson for UX Designers (or Anyone really!)

Transcript of Critical Thinking for Ux Designers Workshop 110328145626 Phpapp02

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 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://getmentalnotes.com/

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.)

http://www.aaronjasinski.com/

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://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