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.

of

How Print Design is the Future of Interaction Slide 1 How Print Design is the Future of Interaction Slide 2 How Print Design is the Future of Interaction Slide 3 How Print Design is the Future of Interaction Slide 4 How Print Design is the Future of Interaction Slide 5 How Print Design is the Future of Interaction Slide 6 How Print Design is the Future of Interaction Slide 7 How Print Design is the Future of Interaction Slide 8 How Print Design is the Future of Interaction Slide 9 How Print Design is the Future of Interaction Slide 10 How Print Design is the Future of Interaction Slide 11 How Print Design is the Future of Interaction Slide 12 How Print Design is the Future of Interaction Slide 13 How Print Design is the Future of Interaction Slide 14 How Print Design is the Future of Interaction Slide 15 How Print Design is the Future of Interaction Slide 16 How Print Design is the Future of Interaction Slide 17 How Print Design is the Future of Interaction Slide 18 How Print Design is the Future of Interaction Slide 19 How Print Design is the Future of Interaction Slide 20 How Print Design is the Future of Interaction Slide 21 How Print Design is the Future of Interaction Slide 22 How Print Design is the Future of Interaction Slide 23 How Print Design is the Future of Interaction Slide 24 How Print Design is the Future of Interaction Slide 25 How Print Design is the Future of Interaction Slide 26 How Print Design is the Future of Interaction Slide 27 How Print Design is the Future of Interaction Slide 28 How Print Design is the Future of Interaction Slide 29 How Print Design is the Future of Interaction Slide 30 How Print Design is the Future of Interaction Slide 31 How Print Design is the Future of Interaction Slide 32 How Print Design is the Future of Interaction Slide 33 How Print Design is the Future of Interaction Slide 34 How Print Design is the Future of Interaction Slide 35 How Print Design is the Future of Interaction Slide 36 How Print Design is the Future of Interaction Slide 37 How Print Design is the Future of Interaction Slide 38 How Print Design is the Future of Interaction Slide 39 How Print Design is the Future of Interaction Slide 40 How Print Design is the Future of Interaction Slide 41 How Print Design is the Future of Interaction Slide 42 How Print Design is the Future of Interaction Slide 43 How Print Design is the Future of Interaction Slide 44 How Print Design is the Future of Interaction Slide 45 How Print Design is the Future of Interaction Slide 46 How Print Design is the Future of Interaction Slide 47 How Print Design is the Future of Interaction Slide 48 How Print Design is the Future of Interaction Slide 49 How Print Design is the Future of Interaction Slide 50 How Print Design is the Future of Interaction Slide 51 How Print Design is the Future of Interaction Slide 52 How Print Design is the Future of Interaction Slide 53 How Print Design is the Future of Interaction Slide 54 How Print Design is the Future of Interaction Slide 55 How Print Design is the Future of Interaction Slide 56 How Print Design is the Future of Interaction Slide 57 How Print Design is the Future of Interaction Slide 58 How Print Design is the Future of Interaction Slide 59 How Print Design is the Future of Interaction Slide 60 How Print Design is the Future of Interaction Slide 61 How Print Design is the Future of Interaction Slide 62 How Print Design is the Future of Interaction Slide 63 How Print Design is the Future of Interaction Slide 64 How Print Design is the Future of Interaction Slide 65 How Print Design is the Future of Interaction Slide 66 How Print Design is the Future of Interaction Slide 67 How Print Design is the Future of Interaction Slide 68 How Print Design is the Future of Interaction Slide 69 How Print Design is the Future of Interaction Slide 70 How Print Design is the Future of Interaction Slide 71 How Print Design is the Future of Interaction Slide 72 How Print Design is the Future of Interaction Slide 73 How Print Design is the Future of Interaction Slide 74 How Print Design is the Future of Interaction Slide 75 How Print Design is the Future of Interaction Slide 76 How Print Design is the Future of Interaction Slide 77 How Print Design is the Future of Interaction Slide 78 How Print Design is the Future of Interaction Slide 79 How Print Design is the Future of Interaction Slide 80 How Print Design is the Future of Interaction Slide 81 How Print Design is the Future of Interaction Slide 82 How Print Design is the Future of Interaction Slide 83 How Print Design is the Future of Interaction Slide 84 How Print Design is the Future of Interaction Slide 85 How Print Design is the Future of Interaction Slide 86 How Print Design is the Future of Interaction Slide 87 How Print Design is the Future of Interaction Slide 88 How Print Design is the Future of Interaction Slide 89 How Print Design is the Future of Interaction Slide 90 How Print Design is the Future of Interaction Slide 91 How Print Design is the Future of Interaction Slide 92 How Print Design is the Future of Interaction Slide 93 How Print Design is the Future of Interaction Slide 94 How Print Design is the Future of Interaction Slide 95 How Print Design is the Future of Interaction Slide 96 How Print Design is the Future of Interaction Slide 97 How Print Design is the Future of Interaction Slide 98

YouTube videos are no longer supported on SlideShare

View original on YouTube

How Print Design is the Future of Interaction Slide 100 How Print Design is the Future of Interaction Slide 101 How Print Design is the Future of Interaction Slide 102 How Print Design is the Future of Interaction Slide 103 How Print Design is the Future of Interaction Slide 104 How Print Design is the Future of Interaction Slide 105 How Print Design is the Future of Interaction Slide 106 How Print Design is the Future of Interaction Slide 107 How Print Design is the Future of Interaction Slide 108 How Print Design is the Future of Interaction Slide 109 How Print Design is the Future of Interaction Slide 110 How Print Design is the Future of Interaction Slide 111 How Print Design is the Future of Interaction Slide 112 How Print Design is the Future of Interaction Slide 113
Upcoming SlideShare
AEM Responsive Grid
Next

Share

How Print Design is the Future of Interaction

A presentation about how the history of Print Design is becoming an important influence in the evolution of Interaction Design.

Originally presented on March 12th 2011 at the SXSW Interactive festival.

Visit http://mkruzeniski.posterous.com/how-print-design-is-the-future-of-interaction for a full description of the talk.

Related Books

Free with a 30 day trial from Scribd

See all

How Print Design is the Future of Interaction

  1. 1. how print designis the future of interaction<br />
  2. 2. @mkruzeniski#inspiredbyprint<br />
  3. 3. i’m not a graphic designer<br />
  4. 4. i’m not a graphic designeri’m an interaction designer <br />
  5. 5. i’m not a graphic designeri’m an interaction designer i work at microsoft on windows phone, with a team of talented designers<br />
  6. 6. three things:how the visual language of interfaces have been shapedwhy interfaces need a new approach to visual designwhat we can learn from print design<br />
  7. 7. by “print” I don’t mean<br />
  8. 8.
  9. 9.
  10. 10. by “future” I mean now<br />
  11. 11. a brief history of interaction<br />
  12. 12.
  13. 13.
  14. 14.
  15. 15.
  16. 16.
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21.
  22. 22.
  23. 23.
  24. 24.
  25. 25.
  26. 26.
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31.
  32. 32.
  33. 33.
  34. 34.
  35. 35.
  36. 36. artifact as UI<br />Real worlds objects used as metaphors to describe the technology.Hyper-realism is the dominant aesthetic.Ergonomics, Usability, Cognition are primary concerns.Translation of content from analog to digital are the driving activities.Interfaces focus on techniques for manipulating and organizing content. Re-creating our digital things.<br />
  37. 37.
  38. 38.
  39. 39.
  40. 40.
  41. 41.
  42. 42.
  43. 43. information as UI<br />Content is represented as it exists.Content is assumed to be interactive.Speed, usability and bounce rate are primary concerns.Augmentation of objects, people, places, and data with relevant information is the driving activity.Creating our digital selves.<br />
  44. 44. information<br />artifact<br />
  45. 45.
  46. 46. “Paul Rand famously wrote: The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring.In the context of web and high-technology product design, this observation from Mr. Rand takes on special import.” -Andrei Michael Herasimchuk<br />
  47. 47.
  48. 48. “Leather buttons…feels very much like real leather buttons would feel: Tacky. it feels wrong and it is wrong. It’s kitsch. If you use favor style over function to make something look like something it is not, you are not a product designer, you are an illusion artist.”-Oliver Reichenstein<br />
  49. 49. “Chrome arises from a chronic case of object-envy. We like interacting with physical objects in the real world, goes the reasoning, so it will presumably be more pleasant to interact with computer software if it pretends to be a physical object too. But why?-Steven Poole<br />
  50. 50. cecin’est pas un poubelle.<br />
  51. 51. information and artifact converge here<br />
  52. 52.
  53. 53. “…a networked, digital, interactive copy of, say, the Tao TeChing is simultaneously more and less than the one I keep on my shelf. You give up the tangible, phenomenological’isnessof the book, and in return you’re afforded an extraordinary new range of capabilities. Shouldn’t the interface, y’know, reflect this?”-Adam Greenfield<br />
  54. 54. a change in value deserves a change in expression<br />
  55. 55. a change in value deserves a change in expressionthe value is the information on the surface, not the object it once resided<br />
  56. 56. We owe more to the existing look and feel of digital devices to the engineers at SRI and Xerox Parc, than to any of the early leaders of information communication like Paul Rand, or Massimo Vignelli. <br />
  57. 57. inspired by print<br />
  58. 58.
  59. 59.
  60. 60.
  61. 61.
  62. 62.
  63. 63.
  64. 64.
  65. 65.
  66. 66.
  67. 67.
  68. 68.
  69. 69.
  70. 70.
  71. 71.
  72. 72. “Anything that is a great print design is likely to be a lousy web design. There are so many differences between the two media that it is necessary to take different design approaches to utilize the strengths of each medium and minimize its weaknesses.”-Jakob Nielsen<br />
  73. 73. what is true for print design is true for interaction<br />
  74. 74. hierarchy and structure with grids“Well designed grid systems can make your designs not only more beautiful and legible, but more usable.”-Mark Boulton<br />
  75. 75.
  76. 76. confident use of negative space<br />
  77. 77.
  78. 78. reduction of elements“Perfection is achieved, not when there is nothing left to add, but when there is nothing left to take away”-Antoine de Saint-Exupery<br />
  79. 79.
  80. 80. objectivity through imagery<br />
  81. 81.
  82. 82. uncompromising focus on typography<br />“Font-size is a tool for readability, impact and rhythm. (It creates) a very efficient way of guiding the reader’s eyes through the page, thus working as an interface to the content.”<br />-Diogo Terror<br />
  83. 83.
  84. 84. proportion and pacing<br />
  85. 85.
  86. 86. universal iconography<br />
  87. 87.
  88. 88. inspired by print<br />
  89. 89.
  90. 90.
  91. 91.
  92. 92.
  93. 93.
  94. 94.
  95. 95.
  96. 96.
  97. 97.
  98. 98.
  99. 99. the undesigning<br />
  100. 100. “…in the 21st century, Internet standards have successfully separated design and content….readers are in control of how the content they are reading looks. And, as it turns out, many of those readers like their designs to be as minimal as possible.Call this wave The Undesigned Web.”-Dylan Tweney<br />
  101. 101. “Bad design begets more bad design. Especially when the decision is left to a public conditioned to prefer whatever it is that they are currently living with. The problem then exists when bad design becomes accepted by designers as business as usual.”-Paul Rand<br />
  102. 102. “I say that flat is the new black; that 2D is the new avant-garde; that a surface doesn't have to be ashamed of being a surface.”-Steven Poole<br />
  103. 103. regardless the debate whether print is dead, print design is not<br />
  104. 104. what we need:<br />
  105. 105. what we need:the want<br />
  106. 106.
  107. 107. what we need:the wantthe designers<br />
  108. 108. what we need:the wantthe designersthe process<br />
  109. 109. what we get:<br />
  110. 110. what we get:beautiful products<br />
  111. 111. what we get:beautiful productsbeautiful brands<br />
  112. 112. thanks@mkruzeniski#inspiredbyprint@WPdesignteam<br />
  • ianus

    Jul. 23, 2021
  • iambbboy

    Sep. 19, 2016
  • XINCHEN13

    Jan. 21, 2015
  • HansSowa

    Jun. 9, 2014
  • tylervs5

    Mar. 28, 2014
  • zannoni1

    Jan. 12, 2014
  • mattspost

    Nov. 15, 2013
  • YiYingLin

    Aug. 12, 2013
  • calumforsyth

    Jul. 5, 2013
  • RafaelCoimbra1

    Jun. 27, 2013
  • rainrainbowchou

    Jun. 3, 2013
  • juliacouture

    Feb. 22, 2013
  • amccork1

    Feb. 20, 2013
  • vietnt1

    Feb. 3, 2013
  • organogram

    Nov. 30, 2012
  • mittal.mudit

    Nov. 28, 2012
  • yoomil

    Nov. 25, 2012
  • acebal

    Nov. 23, 2012
  • henares1

    Nov. 23, 2012
  • pmhofman

    Nov. 23, 2012

A presentation about how the history of Print Design is becoming an important influence in the evolution of Interaction Design. Originally presented on March 12th 2011 at the SXSW Interactive festival. Visit http://mkruzeniski.posterous.com/how-print-design-is-the-future-of-interaction for a full description of the talk.

Views

Total views

15,716

On Slideshare

0

From embeds

0

Number of embeds

722

Actions

Downloads

0

Shares

0

Comments

0

Likes

88

×