Hogeschool Rotterdam
                                     Communication & Multimedia Design
                              ...
So, you want to
be a designer?

    Officia
            l
    Dress Designers
          code
The real secret
about designers...
This is
design what real
       ers we
              ar at n
                     ight
KABK - The Hague
Royal Academy of Fine Arts
Graphic & Typographic Design
1992-1996
What’s good about art school?

It’s one big laboratory

One quote from one of my teachers

“That you will fail is
inevitab...
According to most design
educators (at art schools):
design is a mystery, and it
should remain a mystery.
                ...
When
uneducated
amateurs start
designing, this
world becomes a
post-apocalyptic
place.
But this ‘romantic’
perspective lea...
Taxonomy of Visual Design                                                                                                 ...
But design
isn’t just
aesthetics...
What is
‘design’
      anyways?...
Noun, verb,
process and
product?
Decision making in the face of uncertainty,
with high penalties for error
Asimow, 1962




The imaginative jump from prese...
“All one can say with certainty is
that society, or the world, is not the
same as it was before the new
design appeared.”
...
Products                                                   Transportation
                                      Public
 Bu...
Think about the effects of
your decisions
              Immediate
              Short term
              Long term
“If we can design our
way into difficulty, we
can design our way
out.”
John Thackara (In the Bubble, 2005)


             ...
toyota prius
If your design
needs to be
futureproof, then
make it extremely
simple
Design bricks, not houses
Why not build
cathedrals
anymore?
Look ahead, and think about how things are
after three generations.




                ...
Apparently, the
future is what
makes design so
complicated...
   But the real problem with design, is the problem itself...
Design problems are                   In design ‘perfect’ solutions do not
multidimensional, highly              exist. Si...
The problem- and solution space are interwoven.
Solution conjectures are helpful to explore and
understand the problemspac...
Scientists        versus   Designers




problem focused            solution focused
Problem- and solutionspaces deconstructed
Design solutions can never be perfect and are
often more easily criticised than created.
Bryan Lawson (2006)
To summarise the previous 5 slides




      Overall problem                Overall solution




       Sub-problems      ...
Generally speaking, it
seems that the nearer you
get to finishing a design
the more accurately you
are able to estimate ho...
I have a confession to make...




                                 We were mistaken...
This is what we have taught you...
This is what I use to do... (first iteration)
This is how my design proces looks like... kind of...
But bear this in mind...

Iterate often
Be a harsh critic to your work
But also dare to fail
Reject (early) solutions when...
So... what to
design?

Models of User Experience Design
The Elements of User Experience                                                                                           ...
The problem with Garrett’s model?



It’s information
oriented


What about tasks (ATM), and immersion (games)?
sen     ign)
    rg  e Ol by Des
Geo action
      r
(Inte
e
             enc
         peri rding
    r Ex
Use gn acco r
     i
Des n Saffe
       a
 to D
Intangible

                      Symbolic




   Functional                        Expressive
Rational, objective        ...
Intangible

                                                Symbolic




   Functional                                    ...
Intangible

                                      Symbolic
    Cognitive science                 Semiotics                ...
Intangible

                      Symbolic




   Functional
Rational, objective   UXD
                      @CMD
        ...
Intangible

                                             Symbolic




                                            Social n...
humans




                                                           IN TE RACT I O N
                                   ...
social sciences
                                                     social interaction

                                 ...
So, you (still) want
to be a designer?
As a designer, it’s important to...
Be creative
Be curious
Have empathy (for your users)
Be a harsh critic to yourself and...
Need to know more? Check these books...




Design Methods             Designerly ways of knowing   Engineering Design Met...
Thinking about Design
Thinking about Design
Thinking about Design
Thinking about Design
Upcoming SlideShare
Loading in...5
×

Thinking about Design

5,034

Published on

An introduction to design and what design is really about

Published in: Design
2 Comments
30 Likes
Statistics
Notes
  • @TU Dresden: Yes indeed, you may use this presentation and the slides. That's why I posted it, to share it with others ;-)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello Bas,

    wonderful presentation. Thanks.
    May I use your slides in a design course at the TU Dresden http://www.tu-dresden.de/design ?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
5,034
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
608
Comments
2
Likes
30
Embeds 0
No embeds

No notes for slide

Thinking about Design

  1. 1. Hogeschool Rotterdam Communication & Multimedia Design UXD Minor Thinking about Design An introduction to design and what design is really about Bas Leurs february 15, 2010 b.l.f.leurs@hro.nl
  2. 2. So, you want to be a designer? Officia l Dress Designers code
  3. 3. The real secret about designers...
  4. 4. This is design what real ers we ar at n ight
  5. 5. KABK - The Hague Royal Academy of Fine Arts Graphic & Typographic Design 1992-1996
  6. 6. What’s good about art school? It’s one big laboratory One quote from one of my teachers “That you will fail is inevitable, so when you do fail... you’d better fail hard!” laboratory
  7. 7. According to most design educators (at art schools): design is a mystery, and it should remain a mystery. hans kazan
  8. 8. When uneducated amateurs start designing, this world becomes a post-apocalyptic place. But this ‘romantic’ perspective leads to a problem... apocalypse
  9. 9. Taxonomy of Visual Design Visual perception Ergonomics By Bas Leurs (b.l.f.leurs@hro.nl), version 0.3 (january 12, 2010) Aesthetics Ergonomics Rhetorics Readibility Critics Philosophy Legibility Semiotics Gestalt Models Communication Dots Lines Textures Temperature Psychology Opacity Intensity Perception Organic Tint Affordances Theory Colour History Forms Forms Subtractive Websites Geometric Random Style Additive Digital Desktop Signage Wayfinding Type design Mobile Games Dataviz Grid systems User interfaces Information Maps Typography Information graphics Content Photographs Elements Newspapers Illustrations Media Editorial Images Books Metaphors Artefacts Magazines Icons Symbols Idioms Pictograms Layout Visual Design Logo Posters Promotion Format Horizontal Identity Brochures Ads Grid Vertical Composition Style guide Baseline Golden section Branding Subtract Inversion Abstraction Sketching Analog Methods Tools Deduction Addition Induction Divergence Principles Convergence Conceptual Contrast Modularity Symmetry Photoshop Consistency Asymmetry Scale Digital System Emphasis Proportion Indesign Coherency Hierarchy Transformation Illustrator Balance Abstraction Flexibility Rotation Structure Cropping Repitiion Rythm Grouping Negative space Juxaposition
  10. 10. But design isn’t just aesthetics...
  11. 11. What is ‘design’ anyways?...
  12. 12. Noun, verb, process and product?
  13. 13. Decision making in the face of uncertainty, with high penalties for error Asimow, 1962 The imaginative jump from present facts to future possibilies Page, 1966 Design is the practical application of science, art and creativity to create something useful and attractive Beltagui, et al (2008)
  14. 14. “All one can say with certainty is that society, or the world, is not the same as it was before the new design appeared.” John Chris Jones Design Methods Seeds of human future 1970
  15. 15. Products Transportation Public But there is alsoBuildings the ultimate definition... Services Opinions Communication Processes Institutions systems Design is to Urban Laws initiate change in areas man-made things Festivities Markets Interfaces Social Experiences Brands networks Food The ultimate definition of design by John C. Jones (1970)
  16. 16. Think about the effects of your decisions Immediate Short term Long term
  17. 17. “If we can design our way into difficulty, we can design our way out.” John Thackara (In the Bubble, 2005) trafic jam smog
  18. 18. toyota prius
  19. 19. If your design needs to be futureproof, then make it extremely simple
  20. 20. Design bricks, not houses
  21. 21. Why not build cathedrals anymore? Look ahead, and think about how things are after three generations. sagrada familia lego
  22. 22. Apparently, the future is what makes design so complicated... But the real problem with design, is the problem itself...
  23. 23. Design problems are In design ‘perfect’ solutions do not multidimensional, highly exist. Simply because we do not interactive, ill-structered... also know what the perfect solution is. refered to as ‘wicked’ problems Lawson
  24. 24. The problem- and solution space are interwoven. Solution conjectures are helpful to explore and understand the problemspace A design is never finished!
  25. 25. Scientists versus Designers problem focused solution focused
  26. 26. Problem- and solutionspaces deconstructed
  27. 27. Design solutions can never be perfect and are often more easily criticised than created. Bryan Lawson (2006)
  28. 28. To summarise the previous 5 slides Overall problem Overall solution Sub-problems Sub-solutions
  29. 29. Generally speaking, it seems that the nearer you get to finishing a design the more accurately you are able to estimate how much work remains to be done. Bryan Lawson (2006) why h at is s start So t alway you days ect w j a fe re a pro befo s to be d nee hed! finis
  30. 30. I have a confession to make... We were mistaken...
  31. 31. This is what we have taught you...
  32. 32. This is what I use to do... (first iteration)
  33. 33. This is how my design proces looks like... kind of...
  34. 34. But bear this in mind... Iterate often Be a harsh critic to your work But also dare to fail Reject (early) solutions when you discover them to be fundamentally flawed Be open to surprises Love what you’re doing...
  35. 35. So... what to design? Models of User Experience Design
  36. 36. The Elements of User Experience Jesse James Garrett jjg@jjg.net A basic duality: The Web was originally conceived as a hypertextual information space; 30 March 2000 but the development of increasingly sophisticated front- and back-end technologies has fostered its use as a remote software interface. This dual nature has led to much confusion, as user experience practitioners have attempted to adapt their terminology to cases beyond the scope of its original application. The goal of this document is to define some of these terms within their appropriate contexts, and to clarify the underlying relationships among these various elements. Web as software interface Concrete Completion Web as hypertext system Visual Design: visual treatment of text, Visual Design: graphic treatment of interface elements (the "look" in "look-and-feel") Visual Design graphic page elements and navigational components Interface Design: as in traditional HCI: Navigation Design: design of interface design of interface elements to facilitate elements to facilitate the user's movement user interaction with functionality Interface Design Navigation Design through the information architecture Information Design: in the Tuftean sense: designing the presentation of information Information Design Information Design: in the Tuftean sense: designing the presentation of information to facilitate understanding to facilitate understanding Interaction Design: development of Interaction Information Information Architecture: structural design time application flows to facilitate user tasks, defining how the user interacts with Design Architecture of the information space to facilitate intuitive access to content site functionality Functional Specifications: "feature set": detailed descriptions of functionality the site Functional Content Content Requirements: definition of content elements required in the site must include in order to meet user needs Specifications Requirements in order to meet user needs User Needs: externally derived goals User Needs: externally derived goals for the site; identified through user research, ethno/techno/psychographics, etc. User Needs for the site; identified through user research, ethno/techno/psychographics, etc. Site Objectives: business, creative, or other internally derived goals for the site Site Objectives Site Objectives: business, creative, or other internally derived goals for the site task-oriented Abstract Conception information-oriented This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development) that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within a user experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today. © 2000 Jesse James Garrett http://www.jjg.net/ia/
  37. 37. The problem with Garrett’s model? It’s information oriented What about tasks (ATM), and immersion (games)?
  38. 38. sen ign) rg e Ol by Des Geo action r (Inte
  39. 39. e enc peri rding r Ex Use gn acco r i Des n Saffe a to D
  40. 40. Intangible Symbolic Functional Expressive Rational, objective Emotive, subjective Physical Tangible
  41. 41. Intangible Symbolic Functional Expressive High penalty for errors Low penalty for errors Rational, objective Emotive, subjective Physical Tangible
  42. 42. Intangible Symbolic Cognitive science Semiotics Visual arts Ergonomics Branding Functional Expressive Rational, objective Emotive, subjective Layout of a factory Interior design Craftwork Industrial components Physical Sculptures Tangible
  43. 43. Intangible Symbolic Functional Rational, objective UXD @CMD Expressive Emotive, subjective Physical Tangible
  44. 44. Intangible Symbolic Social networks Functional Rational, objective UXD Office applications Interactive environments Expressive Emotive, subjective Tangible interaction Physical Tangible
  45. 45. humans IN TE RACT I O N TE GY CH LO NO NO LO TECH GY N human IO IN CT TE E RA RA CT I NT IO N TECH NOLOGY products / artefacts / environments brands / organisations / companies
  46. 46. social sciences social interaction communication theory social networks social cohesion co-creation humans INT ER ACTIO N TE GY CH LO NO NO LO TECH GY (visual) interface design N human IN IO TE service design CT RA RA design research CT interaction design TE IO brand management IN N information design NOLOGY TECH experience design information architecture brand experience products / artefacts / environments brands / organisations / companies brand design human factors usability engineering corporate identities
  47. 47. So, you (still) want to be a designer?
  48. 48. As a designer, it’s important to... Be creative Be curious Have empathy (for your users) Be a harsh critic to yourself and other designers Use your imagination (sketching, scenario’s) at-if ’ sce na rio’s ‘Wh Rely on your gut feeling
  49. 49. Need to know more? Check these books... Design Methods Designerly ways of knowing Engineering Design Methods John C. Jones Nigel Cross Nigel Cross How Designers Thnk Understanding Design What Designers Know Bryan Lawson Kees Dorst Bryan Lawson Find more on my Shelfari: www.shelfari.com/leursism/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×