<ul><li>Interaction  </li></ul><ul><li>Design Style  (Part 5 of 5) </li></ul><ul><ul><li>ASIS&T IA Summit  </li></ul></ul>...
<ul><li>Methodology </li></ul>Style Methodologies
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ul><li>I don’t know anyone </li></ul><ul><li>who actually works </li></ul><ul><li>this way. </li></ul>
<ul><li>Inductive  +  Deductive </li></ul>
<ul><li>Inductive Reasoning </li></ul><ul><ul><li>Observation </li></ul></ul><ul><ul><li>   Pattern </li></ul></ul><ul><u...
<ul><li>Deductive Reasoning </li></ul><ul><ul><li>Theory </li></ul></ul><ul><ul><li>   Hypothesis </li></ul></ul><ul><ul>...
<ul><li>Inductive Reasoning </li></ul><ul><ul><li>Observation </li></ul></ul><ul><ul><li>   Pattern </li></ul></ul><ul><u...
<ul><li>Inductive  Design </li></ul><ul><ul><li>Observe Users </li></ul></ul><ul><ul><li>   Identify Patterns </li></ul><...
<ul><li>Deductive Reasoning </li></ul><ul><ul><li>Theory </li></ul></ul><ul><ul><li>   Hypothesis </li></ul></ul><ul><ul>...
<ul><li>Deductive  Design </li></ul><ul><ul><li>Form Design Strategy </li></ul></ul><ul><ul><li>   Build Model </li></ul>...
<ul><li>Inductive  +  Deductive  Design </li></ul><ul><ul><li>Observe Users </li></ul></ul><ul><ul><li>   Identify Patter...
<ul><li>Induction…   </li></ul>
<ul><li>Deduction… </li></ul>
<ul><li>Abduction? </li></ul>
<ul><li>Abduction? </li></ul>
<ul><li>Abductive Reasoning </li></ul><ul><ul><li>Observation </li></ul></ul><ul><ul><li>   Hypothesis </li></ul></ul><ul...
 
 
 
 
<ul><li>Abductive Reasoning </li></ul><ul><ul><li>Example: </li></ul></ul><ul><ul><ul><li>All cats die. </li></ul></ul></u...
<ul><li>Abductive Reasoning = Creativity </li></ul>
<ul><li>The dirty little secret </li></ul><ul><li>of innovative design. </li></ul>
“ When I do a design project, I begin by  listening carefully to you  as you talk about your problem and read whatever bac...
<ul><li>It’s not a miracle… </li></ul>
<ul><li>It’s Design Thinking </li></ul><ul><ul><li>“ The most fundamental difference between [design and science] is that ...
<ul><li>Pattern Languages </li></ul>
 
<ul><li>Pattern Language </li></ul><ul><ul><li>“ A pattern language is a structured method of describing good design pract...
<ul><li>Pattern Language: Structure </li></ul><ul><ul><li>Name </li></ul></ul><ul><ul><li>Problem Description (often inclu...
<ul><li>127: Intimacy Gradient </li></ul><ul><ul><li>Unless the spaces in a building are arranged in a sequence which corr...
<ul><li>127: Intimacy Gradient </li></ul><ul><ul><li>Office </li></ul></ul><ul><ul><li>Home </li></ul></ul>
 
<ul><li>21: Four-Story Limit </li></ul><ul><ul><li>There is abundant evidence to show that high buildings make people craz...
<ul><li>177: Vegetable Garden </li></ul><ul><ul><li>In a healthy town every family can grow vegetables for itself. The tim...
<ul><li>Pattern Languages in </li></ul><ul><li>Information Architecture </li></ul>
<ul><li>Apple UI Guidelines </li></ul>
<ul><li>Microsoft UI Guidelines </li></ul>
<ul><li>Yahoo! UI Guidelines </li></ul>
<ul><li>Chris Messina’s Design Patterns </li></ul>http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/
<ul><li>Martijn van Welie’s Design Patterns </li></ul>
 
 
<ul><li>Pattern Languages, Pattern Libraries, </li></ul><ul><li>and Methodology </li></ul>
<ul><li>Style and the  </li></ul><ul><li>Design Process </li></ul>
Sharpie Concepts
 
 
 
 
 
 
<ul><li>Design Landscape Analysis Boards </li></ul><ul><li>(Mood Boards) </li></ul>
 
 
 
Style Inspiration
 
HTMinimaLism Mondrian Poster Grid-Based Icon SuperTiny SimCity Lo-Fi Grunge Paper Bag Gothic Organic Pixelated Punk Rock D...
 
 
 
 
<ul><li>Staying in Style </li></ul><ul><ul><li>Don’t follow trends – locate genuine stylistic movements </li></ul></ul><ul...
<ul><li>Christopher Fahey </li></ul>graphpaper.com Thank you!
Upcoming SlideShare
Loading in...5
×

Interaction Design Style (Part 5 of 5)

11,840

Published on

Presentation by Christopher Fahey (http://www.behaviordesign.com & http://www.graphpaper.com) about the history and uses of "style" as a component of design innovation, specifically with respect to interaction design.

Published in: Technology, Design
4 Comments
75 Likes
Statistics
Notes
  • ___________________
    --------------------------
    Insert your ad on

    http://www.SoukLubnan.com

    It's very easy!

    New Lebanese Buy & Sell Marketplace Online where Privates and Businesses in Lebanon can place ads to sell, buy and rent all kinds of things!
    For free.

    Cars, motorcycles, books, travels, electronics, land, furniture, clothes and much more! The ads can be about both new and used stuff.

    No Registration, just insert your ad! And you can still have your own store!

    http://www.SoukLubnan.com
    ___________________
    --------------------------
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWLOAD of this presentation available at:

    http://www.slideshare.net/datahunter/interaction-design-style-part-5
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Words!!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Word!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
11,840
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
4
Likes
75
Embeds 0
No embeds

No notes for slide
  • Interaction Design Style (Part 5 of 5)

    1. 1. <ul><li>Interaction </li></ul><ul><li>Design Style (Part 5 of 5) </li></ul><ul><ul><li>ASIS&T IA Summit </li></ul></ul><ul><ul><li>Monday, March 24, 2007 </li></ul></ul>
    2. 2. <ul><li>Methodology </li></ul>Style Methodologies
    3. 17. <ul><li>I don’t know anyone </li></ul><ul><li>who actually works </li></ul><ul><li>this way. </li></ul>
    4. 18. <ul><li>Inductive + Deductive </li></ul>
    5. 19. <ul><li>Inductive Reasoning </li></ul><ul><ul><li>Observation </li></ul></ul><ul><ul><li> Pattern </li></ul></ul><ul><ul><li> Tentative Hypothesis </li></ul></ul><ul><ul><li> Theory </li></ul></ul><ul><ul><li>Bottom-Up </li></ul></ul><ul><ul><li>Learn first, Decide later </li></ul></ul>
    6. 20. <ul><li>Deductive Reasoning </li></ul><ul><ul><li>Theory </li></ul></ul><ul><ul><li> Hypothesis </li></ul></ul><ul><ul><li> Observation </li></ul></ul><ul><ul><li> Confirmation </li></ul></ul><ul><ul><li>Top-down </li></ul></ul><ul><ul><li>Decide First, Learn Later </li></ul></ul>
    7. 21. <ul><li>Inductive Reasoning </li></ul><ul><ul><li>Observation </li></ul></ul><ul><ul><li> Pattern </li></ul></ul><ul><ul><li> Tentative Hypothesis </li></ul></ul><ul><ul><li> Theory </li></ul></ul>
    8. 22. <ul><li>Inductive Design </li></ul><ul><ul><li>Observe Users </li></ul></ul><ul><ul><li> Identify Patterns </li></ul></ul><ul><ul><li> Form Design Strategy </li></ul></ul><ul><ul><li> Implement Design </li></ul></ul>
    9. 23. <ul><li>Deductive Reasoning </li></ul><ul><ul><li>Theory </li></ul></ul><ul><ul><li> Hypothesis </li></ul></ul><ul><ul><li> Observation </li></ul></ul><ul><ul><li> Confirmation </li></ul></ul>
    10. 24. <ul><li>Deductive Design </li></ul><ul><ul><li>Form Design Strategy </li></ul></ul><ul><ul><li> Build Model </li></ul></ul><ul><ul><li> Observe Model in Action </li></ul></ul><ul><ul><li> Make Money … or not </li></ul></ul>
    11. 25. <ul><li>Inductive + Deductive Design </li></ul><ul><ul><li>Observe Users </li></ul></ul><ul><ul><li> Identify Patterns </li></ul></ul><ul><ul><li> Form Design Strategy </li></ul></ul><ul><ul><li> Build Model </li></ul></ul><ul><ul><li> Observe Users </li></ul></ul><ul><ul><li> Identify Patterns </li></ul></ul><ul><ul><li> Observe Model in Action </li></ul></ul><ul><ul><li> Make Money </li></ul></ul>
    12. 26. <ul><li>Induction… </li></ul>
    13. 27. <ul><li>Deduction… </li></ul>
    14. 28. <ul><li>Abduction? </li></ul>
    15. 29. <ul><li>Abduction? </li></ul>
    16. 30. <ul><li>Abductive Reasoning </li></ul><ul><ul><li>Observation </li></ul></ul><ul><ul><li> Hypothesis </li></ul></ul><ul><ul><li> Build Model </li></ul></ul><ul><ul><li> Validation (not Confirmation) </li></ul></ul><ul><ul><li>Sideways: “The logic of what might be” </li></ul></ul><ul><ul><li>Decide First, Try It </li></ul></ul>
    17. 35. <ul><li>Abductive Reasoning </li></ul><ul><ul><li>Example: </li></ul></ul><ul><ul><ul><li>All cats die. </li></ul></ul></ul><ul><ul><ul><li>Socrates is dead. </li></ul></ul></ul><ul><ul><ul><li>Therefore, Socrates is a cat. </li></ul></ul></ul>
    18. 36. <ul><li>Abductive Reasoning = Creativity </li></ul>
    19. 37. <ul><li>The dirty little secret </li></ul><ul><li>of innovative design. </li></ul>
    20. 38. “ When I do a design project, I begin by listening carefully to you as you talk about your problem and read whatever background material I can find that relates to the issues you face. If you're lucky, I have also accidentally acquired some firsthand experience with your situation. Somewhere along the way an idea for the design pops into my head from out of the blue. I can't really explain that part; it's like magic. Sometimes it even happens before you have a chance to tell me that much about your problem! Now, if it's a good idea, I try to figure out some strategic justification for the solution so I can explain it to you without relying on good taste you may or may not have. Along the way, I may add some other ideas, either because you made me agree to do so at the outset, or because I'm not sure of the first idea. At any rate, in the earlier phases hopefully I will have gained your trust so that by this point you're inclined to take my advice. I don't have any clue how you'd go about proving that my advice is any good except that other people – at least the ones I've told you about – have taken my advice in the past and prospered. In other words, could you just sort of, you know... trust me?” – Michael Beirut, Pentagram/designobserver.com
    21. 39. <ul><li>It’s not a miracle… </li></ul>
    22. 40. <ul><li>It’s Design Thinking </li></ul><ul><ul><li>“ The most fundamental difference between [design and science] is that design thinking deals primarily with what does not yet exist ; while scientists deal with explaining what is. That scientists discover the laws that govern today's reality, while designers invent a different future is a common theme. Thus, while both methods of thinking are hypothesis-driven, the design hypothesis differs from the scientific hypothesis.” </li></ul></ul><ul><ul><li>- Jeanne Liedtka, Strategy as Design </li></ul></ul>
    23. 41. <ul><li>Pattern Languages </li></ul>
    24. 43. <ul><li>Pattern Language </li></ul><ul><ul><li>“ A pattern language is a structured method of describing good design practices within a particular domain.” </li></ul></ul><ul><ul><li>– Wikipedia </li></ul></ul>
    25. 44. <ul><li>Pattern Language: Structure </li></ul><ul><ul><li>Name </li></ul></ul><ul><ul><li>Problem Description (often including the Context for the pattern) </li></ul></ul><ul><ul><li>Pattern for a Solution </li></ul></ul><ul><ul><li>Discussion and Examples </li></ul></ul><ul><ul><li>Cross-references (links) for other related patterns </li></ul></ul>
    26. 45. <ul><li>127: Intimacy Gradient </li></ul><ul><ul><li>Unless the spaces in a building are arranged in a sequence which corresponds to their degrees of privateness, the visits made by strangers, friends, guests, clients, family, will always be a little awkward. </li></ul></ul><ul><ul><li>Therefore: </li></ul></ul><ul><ul><li>Lay out the spaces of a building so that they create a sequence which begins with the entrance and the most public parts of the building, then leads into the slightly more private areas, and finally to the most private domains. </li></ul></ul>
    27. 46. <ul><li>127: Intimacy Gradient </li></ul><ul><ul><li>Office </li></ul></ul><ul><ul><li>Home </li></ul></ul>
    28. 48. <ul><li>21: Four-Story Limit </li></ul><ul><ul><li>There is abundant evidence to show that high buildings make people crazy. </li></ul></ul><ul><ul><li>Therefore: </li></ul></ul><ul><ul><li>In any urban area, no matter how dense, keep the majority of buildings four stories high or less. It is possible that certain buildings should exceed this limit, but they should never be buildings for human habitation. </li></ul></ul>
    29. 49. <ul><li>177: Vegetable Garden </li></ul><ul><ul><li>In a healthy town every family can grow vegetables for itself. The time is past to think of this as a hobby for enthusiasts; it is a fundamental part of human life. </li></ul></ul><ul><ul><li>Therefore: </li></ul></ul><ul><ul><li>Set aside one piece of land either in the private garden or on common land as a vegetable garden. About one-tenth of an acre is needed for each family of four. Make sure the vegetable garden is in a sunny place and central to all the households it serves. Fence it in and build a small storage shed for gardening tools beside it. </li></ul></ul>
    30. 50. <ul><li>Pattern Languages in </li></ul><ul><li>Information Architecture </li></ul>
    31. 51. <ul><li>Apple UI Guidelines </li></ul>
    32. 52. <ul><li>Microsoft UI Guidelines </li></ul>
    33. 53. <ul><li>Yahoo! UI Guidelines </li></ul>
    34. 54. <ul><li>Chris Messina’s Design Patterns </li></ul>http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/
    35. 55. <ul><li>Martijn van Welie’s Design Patterns </li></ul>
    36. 58. <ul><li>Pattern Languages, Pattern Libraries, </li></ul><ul><li>and Methodology </li></ul>
    37. 59. <ul><li>Style and the </li></ul><ul><li>Design Process </li></ul>
    38. 60. Sharpie Concepts
    39. 67. <ul><li>Design Landscape Analysis Boards </li></ul><ul><li>(Mood Boards) </li></ul>
    40. 71. Style Inspiration
    41. 73. HTMinimaLism Mondrian Poster Grid-Based Icon SuperTiny SimCity Lo-Fi Grunge Paper Bag Gothic Organic Pixelated Punk Rock Drafting Table/Transformer 1950s Hello Kitty Hand-Drawn Analog Dusty Cowboy Curt Cloninger, Fresh Styles for Web Designers , 2001
    42. 78. <ul><li>Staying in Style </li></ul><ul><ul><li>Don’t follow trends – locate genuine stylistic movements </li></ul></ul><ul><ul><li>Look for things to avoid as much as things you want to emulate </li></ul></ul><ul><ul><li>Always explore new interaction paradigms, no matter how trendy they seem </li></ul></ul><ul><ul><li>Voraciously consume aesthetic varieties </li></ul></ul><ul><ul><li>Don’t be afraid to have style in mind from the beginning </li></ul></ul>
    43. 79. <ul><li>Christopher Fahey </li></ul>graphpaper.com Thank you!

    ×