Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Interaction Design Style (Part 2 of 5)

5,773 views

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, Education
  • Be the first to comment

Interaction Design Style (Part 2 of 5)

  1. 1. <ul><li>Interaction </li></ul><ul><li>Design Style (Part 2 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>Style in History </li></ul>
  3. 3. <ul><li>Fashion Design </li></ul>
  4. 22. <ul><li>Music </li></ul>
  5. 26. <ul><li>Writing and Literature </li></ul>
  6. 37. <ul><li>Elements Of Style </li></ul><ul><ul><li>Place yourself in the background. </li></ul></ul><ul><ul><li>Write in a way that comes naturally. </li></ul></ul><ul><ul><li>Work from a suitable design. </li></ul></ul><ul><ul><li>Write with nouns and verbs. </li></ul></ul><ul><ul><li>Revise and rewrite. </li></ul></ul><ul><ul><li>Do not overwrite. </li></ul></ul><ul><ul><li>Do not overstate. </li></ul></ul><ul><ul><li>Avoid the use of qualifiers. </li></ul></ul><ul><ul><li>Do not affect a breezy manner. </li></ul></ul><ul><ul><li>Use orthodox spelling. </li></ul></ul><ul><ul><li>Do not explain too much. </li></ul></ul><ul><ul><li>Do not construct awkward adverbs. </li></ul></ul><ul><ul><li>Make sure the reader knows who is speaking. </li></ul></ul><ul><ul><li>Avoid fancy words. </li></ul></ul><ul><ul><li>Do not use dialect unless your ear is good. </li></ul></ul><ul><ul><li>Be clear. </li></ul></ul><ul><ul><li>Do not inject opinion. </li></ul></ul><ul><ul><li>Use figures of speech sparingly. </li></ul></ul><ul><ul><li>Do not take shortcuts at the cost of clarity. </li></ul></ul><ul><ul><li>Avoid foreign languages. </li></ul></ul><ul><ul><li>Prefer the standard to the offbeat. </li></ul></ul>
  7. 38. <ul><li>Elements Of Style </li></ul><ul><ul><li>Place yourself in the background. </li></ul></ul><ul><ul><li>Write in a way that comes naturally. </li></ul></ul><ul><ul><li>Work from a suitable design. </li></ul></ul><ul><ul><li>Write with nouns and verbs. </li></ul></ul><ul><ul><li>Revise and rewrite. </li></ul></ul><ul><ul><li>Do not overwrite. </li></ul></ul><ul><ul><li>Do not overstate. </li></ul></ul><ul><ul><li>Avoid the use of qualifiers. </li></ul></ul><ul><ul><li>Do not affect a breezy manner. </li></ul></ul><ul><ul><li>Use orthodox spelling. </li></ul></ul><ul><ul><li>Do not explain too much. </li></ul></ul><ul><ul><li>Do not construct awkward adverbs. </li></ul></ul><ul><ul><li>Make sure the reader knows who is speaking. </li></ul></ul><ul><ul><li>Avoid fancy words. </li></ul></ul><ul><ul><li>Do not use dialect unless your ear is good. </li></ul></ul><ul><ul><li>Be clear. </li></ul></ul><ul><ul><li>Do not inject opinion. </li></ul></ul><ul><ul><li>Use figures of speech sparingly. </li></ul></ul><ul><ul><li>Do not take shortcuts at the cost of clarity. </li></ul></ul><ul><ul><li>Avoid foreign languages. </li></ul></ul><ul><ul><li>Prefer the standard to the offbeat. </li></ul></ul>
  8. 39. <ul><li>Elements Of Style </li></ul><ul><ul><li>Place yourself in the background. </li></ul></ul><ul><ul><li>Write in a way that comes naturally. </li></ul></ul><ul><ul><li>Work from a suitable design. </li></ul></ul><ul><ul><li>Write with nouns and verbs. </li></ul></ul><ul><ul><li>Revise and rewrite. </li></ul></ul><ul><ul><li>Do not overwrite. </li></ul></ul><ul><ul><li>Do not overstate. </li></ul></ul><ul><ul><li>Avoid the use of qualifiers. </li></ul></ul><ul><ul><li>Do not affect a breezy manner. </li></ul></ul><ul><ul><li>Use orthodox spelling. </li></ul></ul><ul><ul><li>Do not explain too much. </li></ul></ul><ul><ul><li>Do not construct awkward adverbs. </li></ul></ul><ul><ul><li>Make sure the reader knows who is speaking. </li></ul></ul><ul><ul><li>Avoid fancy words. </li></ul></ul><ul><ul><li>Do not use dialect unless your ear is good. </li></ul></ul><ul><ul><li>Be clear. </li></ul></ul><ul><ul><li>Do not inject opinion. </li></ul></ul><ul><ul><li>Use figures of speech sparingly. </li></ul></ul><ul><ul><li>Do not take shortcuts at the cost of clarity. </li></ul></ul><ul><ul><li>Avoid foreign languages. </li></ul></ul><ul><ul><li>Prefer the standard to the offbeat. </li></ul></ul>
  9. 40. <ul><li>Elements Of Style </li></ul><ul><ul><li>Place yourself in the background. </li></ul></ul><ul><ul><li>Write in a way that comes naturally. </li></ul></ul><ul><ul><li>Work from a suitable design. </li></ul></ul><ul><ul><li>Write with nouns and verbs. </li></ul></ul><ul><ul><li>Revise and rewrite. </li></ul></ul><ul><ul><li>Do not overwrite. </li></ul></ul><ul><ul><li>Do not overstate. </li></ul></ul><ul><ul><li>Avoid the use of qualifiers. </li></ul></ul><ul><ul><li>Do not affect a breezy manner. </li></ul></ul><ul><ul><li>Use orthodox spelling. </li></ul></ul><ul><ul><li>Do not explain too much. </li></ul></ul><ul><ul><li>Do not construct awkward adverbs. </li></ul></ul><ul><ul><li>Make sure the reader knows who is speaking. </li></ul></ul><ul><ul><li>Avoid fancy words. </li></ul></ul><ul><ul><li>Do not use dialect unless your ear is good. </li></ul></ul><ul><ul><li>Be clear. </li></ul></ul><ul><ul><li>Do not inject opinion. </li></ul></ul><ul><ul><li>Use figures of speech sparingly. </li></ul></ul><ul><ul><li>Do not take shortcuts at the cost of clarity. </li></ul></ul><ul><ul><li>Avoid foreign languages. </li></ul></ul><ul><ul><li>Prefer the standard to the offbeat. </li></ul></ul>
  10. 41. <ul><li>Art </li></ul>
  11. 52. <ul><li>Graphic Design </li></ul>
  12. 55. <ul><li>Renaissance </li></ul>
  13. 56. <ul><li>Baroque </li></ul>
  14. 57. <ul><li>Romantic </li></ul>
  15. 58. <ul><li>Neoclassical </li></ul>
  16. 59. <ul><li>Realist </li></ul>
  17. 60. <ul><li>Lyrical Modernist </li></ul>
  18. 61. <ul><li>Geometric Modernist </li></ul>
  19. 62. <ul><li>Postmodernist </li></ul>
  20. 63. <ul><li>Stylepedia </li></ul>
  21. 64. <ul><li>Stylepedia </li></ul><ul><li>Agit Retro </li></ul><ul><li>American Patriotic </li></ul><ul><li>Art Deco </li></ul><ul><li>Art Deco Type </li></ul><ul><li>Art Nouveau </li></ul><ul><li>Arts and Crafts </li></ul><ul><li>Artzybasheff </li></ul><ul><li>Bass </li></ul><ul><li>Bauhaus </li></ul><ul><li>Beardsley </li></ul><ul><li>Big Book </li></ul><ul><li>Big Idea </li></ul><ul><li>Black Letter </li></ul><ul><li>Bonehead </li></ul><ul><li>Bull's-Eye </li></ul><ul><li>Camouflage </li></ul><ul><li>Cappiello </li></ul><ul><li>Chantry </li></ul><ul><li>Cheap Chic </li></ul><ul><li>Chinese Calendar Girl </li></ul><ul><li>Christmas </li></ul><ul><li>Club Flyer </li></ul><ul><li>Comics Lettering </li></ul><ul><li>Commercial Modern </li></ul><ul><li>Conceptual Illustration </li></ul><ul><li>Constructivist </li></ul><ul><li>Container Corp of America </li></ul><ul><li>Cuba </li></ul><ul><li>Dada </li></ul><ul><li>De Stijl </li></ul><ul><li>Deconstruction </li></ul><ul><li>Do-It-Yourself </li></ul><ul><li>Dwiggins </li></ul><ul><li>Emigre </li></ul><ul><li>Expressionist </li></ul><ul><li>Fascist </li></ul><ul><li>Fear </li></ul><ul><li>Fella </li></ul><ul><li>Food </li></ul><ul><li>Futura </li></ul><ul><li>Futurist </li></ul><ul><li>Generic </li></ul><ul><li>Geo-Graphic </li></ul><ul><li>Grunge </li></ul><ul><li>Halloween </li></ul><ul><li>Handlettering </li></ul><ul><li>Helvetica </li></ul><ul><li>Heroic </li></ul><ul><li>Hip Hop </li></ul><ul><li>Hohlwein </li></ul><ul><li>Instructional Guide </li></ul><ul><li>International Typographic </li></ul><ul><li>Junk Mail </li></ul><ul><li>Kodalith </li></ul><ul><li>Kruger </li></ul><ul><li>Less is More </li></ul><ul><li>Lubalin </li></ul><ul><li>Magazine Cliche </li></ul><ul><li>Massin </li></ul><ul><li>Matchbox </li></ul><ul><li>Me-Too </li></ul><ul><li>Mini-Mannequin </li></ul><ul><li>Modernist </li></ul><ul><li>Mushroom Cloud </li></ul><ul><li>Neuland </li></ul><ul><li>New Typography </li></ul><ul><li>New Wave </li></ul><ul><li>Novelty Type </li></ul><ul><li>Obey the Giant </li></ul><ul><li>Object Poster </li></ul><ul><li>Panter </li></ul><ul><li>Pastiche </li></ul><ul><li>Peignot </li></ul><ul><li>Pictogram </li></ul><ul><li>Playboy </li></ul><ul><li>Polish Poster </li></ul><ul><li>Postmodern </li></ul><ul><li>Psychedelic Poster </li></ul><ul><li>Pulp </li></ul><ul><li>Pun </li></ul><ul><li>Push Pin </li></ul><ul><li>Ray Gun </li></ul><ul><li>Razor Blade </li></ul><ul><li>Record Cover </li></ul><ul><li>Red Scared </li></ul><ul><li>Religious Message Board </li></ul><ul><li>Ripley's Believe It or Not </li></ul><ul><li>Schutzmarken </li></ul><ul><li>Screamer Type </li></ul><ul><li>Shadow Letter </li></ul><ul><li>Shock and Roll </li></ul><ul><li>Show Card </li></ul><ul><li>Skateboard </li></ul><ul><li>Socialist Realist </li></ul><ul><li>Spectacular Sign </li></ul><ul><li>Stenberg Film Poster </li></ul><ul><li>Streamline </li></ul><ul><li>Street Sign </li></ul><ul><li>Surrealist </li></ul><ul><li>Sutnar </li></ul><ul><li>Swatch Watch </li></ul><ul><li>Teen Magazine </li></ul><ul><li>Tibor </li></ul><ul><li>Tijuana Bible </li></ul><ul><li>Underground Press </li></ul><ul><li>Vegas </li></ul><ul><li>Vernacular </li></ul><ul><li>Victorian </li></ul><ul><li>Ware Lettering </li></ul><ul><li>Wendingen </li></ul><ul><li>Zanol </li></ul>
  22. 65. <ul><li>Stylepedia </li></ul>
  23. 66. <ul><li>Styles vs. Trends </li></ul>
  24. 67. <ul><li>Trends: One-Hit Wonders </li></ul>
  25. 68. <ul><li>Trends: Hemlines </li></ul>
  26. 69. <ul><li>Trends: Color of the Season </li></ul>

×