Demystifying the Design Process

  • View
    58

  • Download
    0

  • Category

    Design

Preview:

Citation preview

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:alec@cantina.co

Chris Lamothe

Current:Director, Experience Design at Cantina

Previous:Harvard Business School, Isobar (Molecular)

Contact:chris@cantina.co

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?