SlideShare a Scribd company logo
EPFL, spring – week 3!
creative design
overview
➝  upcoming    review: March 19th
➝  present three ideas based on the design brief "
   (sensors + personal, environmental, social health)
➝  course expectations: "
   goal is not programming but interactive
   prototypes 
➝  review interview drafts
➝  review pictures
➝  creative design lecture
➝  sketching workshop
about formatting
upcoming review
➝  everystudent has 5 minutes to individually
  present in a professional way, i.e. formal setting
  his/her own three ideas
   ➝  each idea 1.5 minutes time
   ➝  use your elevator pitch"
     (ca. 30 seconds starting with a hook (the problem),
     max.150 words and passion) 
   ➝  plus e.g. powerpoint slides for illustration
   ➝  add more details about the solution
   ➝  include how you got the idea?
   ➝  e.g. from interviews, background research (references),
     brainstorming, observation

receive constructive feedback from experts
EPFL, spring – week 3!
creative design
goals of this lecture
➝  understand   role of creativity in design
➝  identifying and vetting boundaries
➝  know some methods for creativity, and
   where to get inspiration
➝  scenarios
➝  link between creative and analytical



                          ✱ attribution: this lecture is based on Angela
                            Sasse’s (UCL) adaptation of Janet McDonnell
                            lecture
creative design methods
➝  creativity   is ..
   ➝      often thought of as an ability to think of alternatives... 

   ➝     
 A more profound notion of creativity is that of being
        able to change one s view of things, and of oneself, to
        the point of attempting something you thought was
        impossible, beyond you. Creativity in design methods
        shows itself in the originality of ones questions, aims,
        classifications, processes, etc. 
                                    J.C.Jones, Design Methods, Wiley 1980, p.xviii
design boundaries
➝  designers are concerned with problem setting
   and problem solving
➝  how can this be when there are functional
   requirements to be satisfied?
  ➝  don  t confuse problem and solution
  ➝  don t confuse primary functional needs with sub-
    problems arising from the perspective taken
  ➝  functional requirements may be negotiable
thinking outside the box
practical example
confusing problem and solution
example:         
Brian Lawson describes being given a 
     
            design brief to design an extension to a family
     
            home.

➝      The initial brief was rather vague … ideas of adding an extra bedroom
     or study … but house was already large enough for all the family to
     have their own bedrooms and there was a study …site was cramped…
     valuable garden space would be lost … considerable expense … 

➝     At one meeting ideas of being able to accommodate grandparents
     were discussed to the sounds of very loud music from one of the
     teenager s bedrooms … it gradually emerged that the house was big
     enough … it needed dividing up better acoustically … 

➝     The actual solution was initially suggested as a joke … buy the
     teenagers some headphones.
confusing primary functional needs with sub-
problems arising from the perspective taken
example: Solving the problem of how to deal with car 
exhaust fumes in the channel tunnel
                                 get cars
                              through tunnel


                   drive cars                   put cars on
                through tunnel
                    train


                            deal with
                             fumes
(even) functional requirements may
be negotiable …
Jørn Utzon s design for the Sydney Opera House




… won the competition despite NOT meeting the stated
requirement for numbers of seats in the principal auditorium. 
photo taken by Bjarte Sorensen
creative design methods for divergence
expanding the problem boundaries 
a selection of methods for individuals or teams: 
   ➝    why? why? why?: Ask a string of questions (like a tiresome toddler)
        until the thread runs out

   ➝    using a dialectic: take an idea (thesis), imagine the opposite
        (antithesis), generate a new idea from compromise (synthesis)

   ➝    random/chance: open a book , select a word from a dictionary,
        select a picture, etc - at random and use what is found to stimulate
        ideas about the problem

   ➝    transformation (many variations): look up a term in a thesaurus and
        consider the words associated with it
more on divergence
the most well known method for teams:
    ➝  brainstorming: increase number and diversity of ideas
      cross-stimulation of ideas between team
    ➝  procedure & rules     

       ➝  any statement is OK 
       ➝  no in-depth evaluation initially (chairperson enforces this)
       ➝  some criticism is OK
       ➝  each idea noted briefly - elaboration only to support this

    ➝  evaluation   
       ➝  ideas immediately useful
       ➝  areas for further exploration: e.g. functional aspects of a silly
         idea
       ➝  new approaches to the problem
creating design team visions
seeking inspiration from other disciplines 
   ➝  theatre 
       ➝  roleplaying, getting different perspectives on the problem 
       ➝  scenario enactment


   ➝  improvisational       comedy
       ➝  different   games, constraints

   ➝  visual     Images 
       ➝  usingmetaphors creatively
       ➝  escape from verbal constraints
don’t limit yourself to words




artwork by Scott McCloud
stranger than fiction
various other techniques
➝  brainstorming
➝  6  thinking hats etc.
➝  matrix
➝  mind map
➝  KJ (affinity diagrams)
➝  paraphrasing
➝  analogies
➝  free associations
IDEO s innovation process
1.    understand
      ➝    market, client and technology – later maybe challenge
           constraints
2.    observe
      ➝    real people in real situations – what latent needs do they
           have
3.    visualize
      ➝    new concepts and customers - using brainstorming,
           prototypes, storyboards, make a video
4.    evaluate and refine
      ➝    quick iterations of prototypes, test and challenge, plan
           series of improvements
5.    implement
      ➝    longest phase – commercialisation of new concept
IDEO on understanding and observing
➝  Don     t ask people what they think about an
  idea!
  ➝  too   polite, observing protocol, politics
         Fine is a four-letter word 
  ➝  cannot  articulate, lack vocabulary, diagnosis of a
    problem is not the same as knowing a cure
  ➝  not the customers job to be visionary

➝  IDEO    solution - 
  ➝    Innovation begins with an eye
metaphorical design 
        The primary function of metaphor is to provide a partial
        understanding of one kind of experience in terms of
        another kind of experience. This may involve pre-
        existing isolated similarities, the creation of new
        similarities, and more. 
                            G.Lakoff & M.Johnson, Metaphors We Live By, p. 154



➝  in the context of using metaphor to encourage
   new ideas metaphor is used simply as a linguistic
   tool to open up the imagination - to see the work
   situation in new ways
➝  also: starting point for design model "
   (conceptual design)
metaphors we live by - an example
mind is a machine
                      mind is a brittle object
   ➝  We re still trying to grind out      ➝  Her ego is very fragile.
      the solution to this equation.
      ➝  You have to handle him with
   ➝  My mind just isn t operating            care since his wife died.
      today.
                                           ➝  He broke under cross-
   ➝  I m a little rusty today.
                                              examination.
   ➝  We ve been working on this
                                           ➝  She is easily crushed.
      problem all day and now
      we re running out of steam.
         ➝  The experience shattered him.
                                           ➝  I m going to pieces.
                                           ➝  His mind snapped.
                                                      Lakoff & Johnson pp.27,28
metaphorical design!
e.g. in future workshop
➝  Ideas may come up during a future workshop - in
   brainstorming for example - that the facilitator can exploit.
➝  participants are encouraged to explore the
   correspondences and differences between a situation and
   a metaphor.


➝ Kensing & Halskov Madsen give the example
➝  all we do is inventory control to invite comparison of
  libraries with warehouses leading - through differences -
  to a comparison of libraries with shops
generating visions
➝    is central to participatory design – designing systems
     through the co-operation of designers and users
           Both artists and scientists operate on the physical world as it exists
          in the present … Designers on the other hand, are forever bound to
             treat as real that which exists only in an imagined future and have
            to specify ways in which the foreseen thing can be made to exist.
                                             
   
 
J.C.Jones, Design Methods, p.11
➝    is used in shifting focus 
     ➝    from users doing their current work
     ➝    to helping them to develop ideas about future ways of working 
➝    takes place during
     ➝    
 future workshops
     ➝    
 metaphorical design exercises
scenarios as tools for visions
➝  story   of how users will interact with system
   ➝  day in the (future) life of …"
     (see example scenario)
➝  write   scenarios
   ➝  on storyboard: for walkthrough, checking
   ➝  act out: in participatory design workshop – particularly
     effective to get groups of users to discuss varying
     requirements and identify concerns
   ➝  produce video (e.g. Steve Masters)
   ➝  danger: scenarios instead of requirements capture – they
     must be validated
summary points
➝  deep  understanding of the problem and ruthless
   examination of constraints are essential to define
   boundaries of design problem.
➝  design solution is derived within those boundaries.
➝  creative approaches help to find solution within
   design space.
➝  inspiration is good for creativity, but
➝  … there are systematic ways of getting inspiration.
➝  derive several solutions and compare how well they
   fit requirements, and how users respond to them.

More Related Content

PDF
EPFL - PxS, week 3 - creative design
PDF
ITMP Design Thinking Summit Graz 2016
PDF
D.SCHOOL BOOTCAMP BOOTLEG
PDF
d.school Bootcamp Bootleg
PDF
EPFL PxS - week 2 interviewing
PDF
PxS’12 - week 10 - screen design
PDF
EPFL PxS week 12 - UX design techniques
PDF
EPFL - PxS, week 5/6 - from requirements to design
EPFL - PxS, week 3 - creative design
ITMP Design Thinking Summit Graz 2016
D.SCHOOL BOOTCAMP BOOTLEG
d.school Bootcamp Bootleg
EPFL PxS - week 2 interviewing
PxS’12 - week 10 - screen design
EPFL PxS week 12 - UX design techniques
EPFL - PxS, week 5/6 - from requirements to design

Viewers also liked (13)

PDF
PxS’12 - week 6 - conceptual design x
PDF
PxS’12 - week 8 - mobile i/o
PDF
EPFL - PxS, week 4 - UX design techniques
PDF
PxS’12 - week 8 mobile - systems
PDF
PxS'12 - week 2 - data collection
PDF
PxS’12 - week 4 - qualitative analysis
PDF
PxS'12 - week 2 interviewing
PDF
PxS'12 - week 10 - screen design
PDF
EPFL - PxS, week 3, studio, short qualitative analysis primer
PDF
PxS'12 - week 1 - Introduction
PDF
EPFL - PxS, week 8 - conceptual design
PDF
PxS’12 - week 4 - UX design techniques
PDF
PxS'12 - week 12 - ux evaluation
PxS’12 - week 6 - conceptual design x
PxS’12 - week 8 - mobile i/o
EPFL - PxS, week 4 - UX design techniques
PxS’12 - week 8 mobile - systems
PxS'12 - week 2 - data collection
PxS’12 - week 4 - qualitative analysis
PxS'12 - week 2 interviewing
PxS'12 - week 10 - screen design
EPFL - PxS, week 3, studio, short qualitative analysis primer
PxS'12 - week 1 - Introduction
EPFL - PxS, week 8 - conceptual design
PxS’12 - week 4 - UX design techniques
PxS'12 - week 12 - ux evaluation
Ad

Similar to PxS'12 - week 3 - creative design (20)

PDF
Melb susjam.toolkit
PDF
Working through Screens Idea Cards | www.FlashbulbInteraction.com/WTS.html
PDF
Design project 1 ideabox
PDF
IdeaBox
PDF
Process innovation and leadership ppt
PDF
Intro to Design Thinking
PDF
ASUS User Experience Innovation Workshop - v1.2
PDF
Design as Worldmaking by Bas Leurs
PDF
ASUS User Experience Innovation Workshop - v1.0
PPTX
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
PDF
Melbourne Service Jam Toolkit
PPTX
Innovation Foundations Course 101 - Creative Problem Solving Concepts
PDF
A Perfect Storm: Ubiquity and Social Science
PDF
School Sport Design Portfolio
PDF
Designerly ways of research
PPTX
PS&C.pptx
PDF
Ideas born social
KEY
Google SketchUp for Media Architecture Communication
PDF
02 problem solving_02
PPTX
Expecting the unexpected: a conceptual and practical framework for creativit...
Melb susjam.toolkit
Working through Screens Idea Cards | www.FlashbulbInteraction.com/WTS.html
Design project 1 ideabox
IdeaBox
Process innovation and leadership ppt
Intro to Design Thinking
ASUS User Experience Innovation Workshop - v1.2
Design as Worldmaking by Bas Leurs
ASUS User Experience Innovation Workshop - v1.0
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
Melbourne Service Jam Toolkit
Innovation Foundations Course 101 - Creative Problem Solving Concepts
A Perfect Storm: Ubiquity and Social Science
School Sport Design Portfolio
Designerly ways of research
PS&C.pptx
Ideas born social
Google SketchUp for Media Architecture Communication
02 problem solving_02
Expecting the unexpected: a conceptual and practical framework for creativit...
Ad

Recently uploaded (20)

PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PDF
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PPTX
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PPTX
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
PPTX
B.Sc. DS Unit 2 Software Engineering.pptx
PPTX
History, Philosophy and sociology of education (1).pptx
PPTX
202450812 BayCHI UCSC-SV 20250812 v17.pptx
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
PPTX
20th Century Theater, Methods, History.pptx
PDF
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
PDF
IGGE1 Understanding the Self1234567891011
PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
PDF
FORM 1 BIOLOGY MIND MAPS and their schemes
PDF
Computing-Curriculum for Schools in Ghana
PDF
Empowerment Technology for Senior High School Guide
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
PPTX
Unit 4 Computer Architecture Multicore Processor.pptx
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
Chinmaya Tiranga quiz Grand Finale.pdf
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
B.Sc. DS Unit 2 Software Engineering.pptx
History, Philosophy and sociology of education (1).pptx
202450812 BayCHI UCSC-SV 20250812 v17.pptx
LDMMIA Reiki Yoga Finals Review Spring Summer
20th Century Theater, Methods, History.pptx
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
IGGE1 Understanding the Self1234567891011
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
FORM 1 BIOLOGY MIND MAPS and their schemes
Computing-Curriculum for Schools in Ghana
Empowerment Technology for Senior High School Guide
A powerpoint presentation on the Revised K-10 Science Shaping Paper
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
Unit 4 Computer Architecture Multicore Processor.pptx

PxS'12 - week 3 - creative design

  • 1. EPFL, spring – week 3! creative design
  • 2. overview ➝  upcoming review: March 19th ➝  present three ideas based on the design brief " (sensors + personal, environmental, social health) ➝  course expectations: " goal is not programming but interactive prototypes ➝  review interview drafts ➝  review pictures ➝  creative design lecture ➝  sketching workshop
  • 4. upcoming review ➝  everystudent has 5 minutes to individually present in a professional way, i.e. formal setting his/her own three ideas ➝  each idea 1.5 minutes time ➝  use your elevator pitch" (ca. 30 seconds starting with a hook (the problem), max.150 words and passion) ➝  plus e.g. powerpoint slides for illustration ➝  add more details about the solution ➝  include how you got the idea? ➝  e.g. from interviews, background research (references), brainstorming, observation receive constructive feedback from experts
  • 5. EPFL, spring – week 3! creative design
  • 6. goals of this lecture ➝  understand role of creativity in design ➝  identifying and vetting boundaries ➝  know some methods for creativity, and where to get inspiration ➝  scenarios ➝  link between creative and analytical ✱ attribution: this lecture is based on Angela Sasse’s (UCL) adaptation of Janet McDonnell lecture
  • 7. creative design methods ➝  creativity is .. ➝  often thought of as an ability to think of alternatives... ➝  A more profound notion of creativity is that of being able to change one s view of things, and of oneself, to the point of attempting something you thought was impossible, beyond you. Creativity in design methods shows itself in the originality of ones questions, aims, classifications, processes, etc. J.C.Jones, Design Methods, Wiley 1980, p.xviii
  • 8. design boundaries ➝  designers are concerned with problem setting and problem solving ➝  how can this be when there are functional requirements to be satisfied? ➝  don t confuse problem and solution ➝  don t confuse primary functional needs with sub- problems arising from the perspective taken ➝  functional requirements may be negotiable
  • 11. confusing problem and solution example: Brian Lawson describes being given a design brief to design an extension to a family home. ➝  The initial brief was rather vague … ideas of adding an extra bedroom or study … but house was already large enough for all the family to have their own bedrooms and there was a study …site was cramped… valuable garden space would be lost … considerable expense … ➝  At one meeting ideas of being able to accommodate grandparents were discussed to the sounds of very loud music from one of the teenager s bedrooms … it gradually emerged that the house was big enough … it needed dividing up better acoustically … ➝  The actual solution was initially suggested as a joke … buy the teenagers some headphones.
  • 12. confusing primary functional needs with sub- problems arising from the perspective taken example: Solving the problem of how to deal with car exhaust fumes in the channel tunnel get cars through tunnel drive cars put cars on through tunnel train deal with fumes
  • 13. (even) functional requirements may be negotiable … Jørn Utzon s design for the Sydney Opera House … won the competition despite NOT meeting the stated requirement for numbers of seats in the principal auditorium. photo taken by Bjarte Sorensen
  • 14. creative design methods for divergence expanding the problem boundaries a selection of methods for individuals or teams: ➝  why? why? why?: Ask a string of questions (like a tiresome toddler) until the thread runs out ➝  using a dialectic: take an idea (thesis), imagine the opposite (antithesis), generate a new idea from compromise (synthesis) ➝  random/chance: open a book , select a word from a dictionary, select a picture, etc - at random and use what is found to stimulate ideas about the problem ➝  transformation (many variations): look up a term in a thesaurus and consider the words associated with it
  • 15. more on divergence the most well known method for teams: ➝  brainstorming: increase number and diversity of ideas cross-stimulation of ideas between team ➝  procedure & rules ➝  any statement is OK ➝  no in-depth evaluation initially (chairperson enforces this) ➝  some criticism is OK ➝  each idea noted briefly - elaboration only to support this ➝  evaluation ➝  ideas immediately useful ➝  areas for further exploration: e.g. functional aspects of a silly idea ➝  new approaches to the problem
  • 16. creating design team visions seeking inspiration from other disciplines ➝  theatre ➝  roleplaying, getting different perspectives on the problem ➝  scenario enactment ➝  improvisational comedy ➝  different games, constraints ➝  visual Images ➝  usingmetaphors creatively ➝  escape from verbal constraints
  • 17. don’t limit yourself to words artwork by Scott McCloud
  • 19. various other techniques ➝  brainstorming ➝  6 thinking hats etc. ➝  matrix ➝  mind map ➝  KJ (affinity diagrams) ➝  paraphrasing ➝  analogies ➝  free associations
  • 20. IDEO s innovation process 1.  understand ➝  market, client and technology – later maybe challenge constraints 2.  observe ➝  real people in real situations – what latent needs do they have 3.  visualize ➝  new concepts and customers - using brainstorming, prototypes, storyboards, make a video 4.  evaluate and refine ➝  quick iterations of prototypes, test and challenge, plan series of improvements 5.  implement ➝  longest phase – commercialisation of new concept
  • 21. IDEO on understanding and observing ➝  Don t ask people what they think about an idea! ➝  too polite, observing protocol, politics Fine is a four-letter word ➝  cannot articulate, lack vocabulary, diagnosis of a problem is not the same as knowing a cure ➝  not the customers job to be visionary ➝  IDEO solution - ➝  Innovation begins with an eye
  • 22. metaphorical design The primary function of metaphor is to provide a partial understanding of one kind of experience in terms of another kind of experience. This may involve pre- existing isolated similarities, the creation of new similarities, and more. G.Lakoff & M.Johnson, Metaphors We Live By, p. 154 ➝  in the context of using metaphor to encourage new ideas metaphor is used simply as a linguistic tool to open up the imagination - to see the work situation in new ways ➝  also: starting point for design model " (conceptual design)
  • 23. metaphors we live by - an example mind is a machine mind is a brittle object ➝  We re still trying to grind out ➝  Her ego is very fragile. the solution to this equation. ➝  You have to handle him with ➝  My mind just isn t operating care since his wife died. today. ➝  He broke under cross- ➝  I m a little rusty today. examination. ➝  We ve been working on this ➝  She is easily crushed. problem all day and now we re running out of steam. ➝  The experience shattered him. ➝  I m going to pieces. ➝  His mind snapped. Lakoff & Johnson pp.27,28
  • 24. metaphorical design! e.g. in future workshop ➝  Ideas may come up during a future workshop - in brainstorming for example - that the facilitator can exploit. ➝  participants are encouraged to explore the correspondences and differences between a situation and a metaphor. ➝ Kensing & Halskov Madsen give the example ➝  all we do is inventory control to invite comparison of libraries with warehouses leading - through differences - to a comparison of libraries with shops
  • 25. generating visions ➝  is central to participatory design – designing systems through the co-operation of designers and users Both artists and scientists operate on the physical world as it exists in the present … Designers on the other hand, are forever bound to treat as real that which exists only in an imagined future and have to specify ways in which the foreseen thing can be made to exist. J.C.Jones, Design Methods, p.11 ➝  is used in shifting focus ➝  from users doing their current work ➝  to helping them to develop ideas about future ways of working ➝  takes place during ➝  future workshops ➝  metaphorical design exercises
  • 26. scenarios as tools for visions ➝  story of how users will interact with system ➝  day in the (future) life of …" (see example scenario) ➝  write scenarios ➝  on storyboard: for walkthrough, checking ➝  act out: in participatory design workshop – particularly effective to get groups of users to discuss varying requirements and identify concerns ➝  produce video (e.g. Steve Masters) ➝  danger: scenarios instead of requirements capture – they must be validated
  • 27. summary points ➝  deep understanding of the problem and ruthless examination of constraints are essential to define boundaries of design problem. ➝  design solution is derived within those boundaries. ➝  creative approaches help to find solution within design space. ➝  inspiration is good for creativity, but ➝  … there are systematic ways of getting inspiration. ➝  derive several solutions and compare how well they fit requirements, and how users respond to them.