spa2011 sketching workshop v01.1

54
SKETCHING A Creative Problem Solving Tool Duncan Brown : @detyro : Head of User Experience Rafael Lüder : @rafael_lueder UX Designer

Upload: detyro

Post on 04-Dec-2014

1.600 views

Category:

Technology


2 download

DESCRIPTION

This is the supporting presentation from the SPA 2011 (http://www.bcs-spa.org/) conference workshop that I ran. There are 10 simple exercises that take you from simple sketching up to creative problem solving using analog drawing and metaphors...

TRANSCRIPT

Page 1: SPA2011 sketching workshop v01.1

SKETCHING A Creative Problem Solving Tool Duncan Brown : @detyro : Head of User Experience Rafael Lüder : @rafael_lueder UX Designer

Page 2: SPA2011 sketching workshop v01.1
Page 3: SPA2011 sketching workshop v01.1

Faraday’s  Diary:  August  29,  1831

Page 4: SPA2011 sketching workshop v01.1

 Edison's  Phonograph  Sketch  1877

Page 5: SPA2011 sketching workshop v01.1
Page 6: SPA2011 sketching workshop v01.1
Page 7: SPA2011 sketching workshop v01.1
Page 8: SPA2011 sketching workshop v01.1
Page 9: SPA2011 sketching workshop v01.1
Page 10: SPA2011 sketching workshop v01.1
Page 11: SPA2011 sketching workshop v01.1

Your dual CPU…

BUY ME!

A metaphor borrowed from this great book

Page 12: SPA2011 sketching workshop v01.1
Page 13: SPA2011 sketching workshop v01.1

L-mode

Page 14: SPA2011 sketching workshop v01.1

R-mode

Page 15: SPA2011 sketching workshop v01.1

`  

L-mode

Verbal Analytic

Symbolic Abstract Temporal Rational Digital Logical Linear

R-mode

Non-Verbal Synthetic Intuitive Concrete Spatial

Non-Rational Analogic holistic

Non-Linear

Page 16: SPA2011 sketching workshop v01.1

Having a shared bus leads to cognitive conflicts

Page 17: SPA2011 sketching workshop v01.1

Inducing Cognitive Conflict

Page 18: SPA2011 sketching workshop v01.1

Inducing Cognitive Conflict

Page 19: SPA2011 sketching workshop v01.1

Inducing Cognitive Conflict

Page 20: SPA2011 sketching workshop v01.1

1.  Draw  horizontal  lines  at  the  top  and  boHom  of  your  profile  

2.  Now  draw  the  missing  profile,  naming  the  parts  as  you  go:  forehead,  nose  etc.  

 3.  If  you  experience  confusion  as  you  

draw.  Observe  this  as  it  happens  

4.  When  complete  go  back  and  mark  the  points  where  you  experienced  ‘blocks’.  

E X E R C I S E # 0  1  

Page 21: SPA2011 sketching workshop v01.1
Page 22: SPA2011 sketching workshop v01.1
Page 23: SPA2011 sketching workshop v01.1
Page 24: SPA2011 sketching workshop v01.1

E X E R C I S E # 0  2  

The line

Page 25: SPA2011 sketching workshop v01.1

E X E R C I S E # 0  3  

Line Types

Page 26: SPA2011 sketching workshop v01.1

Experiment to find your own ‘signature style’ There are no BAD drawings!

Page 27: SPA2011 sketching workshop v01.1

E X E R C I S E # 0  4  

Shapes

Page 28: SPA2011 sketching workshop v01.1

E X E R C I S E # 0  5  

Spatial Relationship

Page 29: SPA2011 sketching workshop v01.1

E X E R C I S E # 0  6  

Form & shadow

Page 30: SPA2011 sketching workshop v01.1

Negative Space

Page 31: SPA2011 sketching workshop v01.1

Negative Space

DUNCAN

Page 32: SPA2011 sketching workshop v01.1

Negative Space

DUNCAN

Page 33: SPA2011 sketching workshop v01.1

Negative Space

DUNCAN

Page 34: SPA2011 sketching workshop v01.1

E X E R C I S E # 0  7  

Negative space

Page 35: SPA2011 sketching workshop v01.1

Let’s Raise The Bar a Bit…

Page 36: SPA2011 sketching workshop v01.1
Page 37: SPA2011 sketching workshop v01.1
Page 38: SPA2011 sketching workshop v01.1

1.   DON’T  turn  the  drawing  around  unWl  you  have  finished.  

2.  Start  anywhere  you  want.  DON’T  try  to  figure  out  what  you  are  looking  at  in  the  upside-­‐down  image.  

3.   DO  not  try  to  draw  the  enWre  outline  of  the  form  and  then  “fill  in”  the  parts.  

4.  If  you  talk  to  yourself  at  all,  use  only  the  language  of  vision.  DON’T  name  the  parts.  

5.  If  some  parts  seem  to  force  their  names  on  you  try  to  focus  on  these  parts  as  just  shapes.  

6.  Everything  you  need  to  draw  is  right  in  front  of  your  eyes.  DON’T  make  it  complicated.  

E X E R C I S E # 0  8  

Page 39: SPA2011 sketching workshop v01.1
Page 40: SPA2011 sketching workshop v01.1

Analog drawing

Page 41: SPA2011 sketching workshop v01.1

 1. Fold  a  sheet  of  paper  as  illustrated.    

2. Unfold  the  paper  and  label  the  squares:  Anger,  Joy,  Peacefulness,  Depression,  Energy,  Loneliness,  Femininity    

3. Add  a  human  quality  or  emoWon    of  your  choice  in  the  last  square    

4. The  only  thing  you  MUST  NOT  DO    is  use  any  symbols:  hearts,  stars,    quesWon  marks,  lightening  bolts  etc.    

5. As  you  consider  what  to  draw  think  back  to  a  Wme  when  you  last  had    the  emoWon  or  experience.  

E X E R C I S E # 0  9  

Page 42: SPA2011 sketching workshop v01.1

Review/discuss

Page 43: SPA2011 sketching workshop v01.1

 1. Choose  a  problem  or  think  up  one  of  your  own  

2.   Draw  a  frame…  any  shape  freeform  or  regular,  this  will  ‘frame’  your  problem  

3. Remember  there  is  no  good  or  bad  right  or  wrong  way  of  doing  these  drawings  

4. The  only  thing  you  MUST  NOT  DO  is  use  any  symbols:  hearts,  stars,  quesWon  marks,  lightening  bolts  etc.  

5. As  you  consider  what  to  draw  think  back  to  a  Wme  when  you  last  had  the  emoWon  or  experience.  

E X E R C I S E # 10  

Page 44: SPA2011 sketching workshop v01.1

Review/discuss

Page 45: SPA2011 sketching workshop v01.1

Other techniques

Page 46: SPA2011 sketching workshop v01.1

MET

AP

HO

R

Page 47: SPA2011 sketching workshop v01.1
Page 48: SPA2011 sketching workshop v01.1

Pocket-Pics

http://store.grove.com/Pocket-Pics

Page 49: SPA2011 sketching workshop v01.1

Pure Contour Drawing

Page 50: SPA2011 sketching workshop v01.1

References/Reading

Pragmatic Thinking & Learning Refactor your Wetware Andy Hunt

Page 51: SPA2011 sketching workshop v01.1

References/Reading

Drawing on The Artist Within How to Release Your hidden Creativity Betty Edwards

BUY ME too!

Page 52: SPA2011 sketching workshop v01.1

References/Reading

The NEW Drawing on the Right Side of The Brain Betty Edwards

Page 53: SPA2011 sketching workshop v01.1

References/Reading

Thinking with a Pencil Henning Nelms (out of print)

Page 54: SPA2011 sketching workshop v01.1