Unexpected Narratives and Creating the Right Conditions

886 views

Published on

My deck for the AIGA Dallas Fort Worth Chapter presented February 4th, 2010. Topics include Story Line, Agile, Hybrid Graphic Design and Content is the new UI

Published in: Design, Lifestyle
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
886
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
32
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Unexpected Narratives and Creating the Right Conditions

  1. 1. h e llllo, I ’ m @ m i c h a e l S u rt e e s @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  2. 2. overview 1. story line 2. Agile 3. Hybrid Graphic design 4. Content is the new ui @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  3. 3. story line @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  4. 4. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  5. 5. http://www.vimeo.com/6975248 @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  6. 6. Watching the sun interact with design @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  7. 7. Shooting the sky everyday @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  8. 8. 36 days of New York Sky: January 16th 2008 to February 20th 2008 @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  9. 9. New York City Colour Study Timeline @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  10. 10. New York City Colour Study – Time when photo was taken graph @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  11. 11. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  12. 12. Starting the #walkingtoworktoday photo project @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  13. 13. Experimenting with Fragmented Medias while #walkingtoworktoday @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  14. 14. #walkingtoworktoday @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  15. 15. unexpected narratives @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  16. 16. Design notes, the blog http://designnotes.info @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  17. 17. why i blog @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  18. 18. why I blog i do it for myself There’s no huge growth goal to get a certain number of visits or comments. By doing it for myself it gives me a lot of freedom to explore the things I want to. In turn I hope others enjoy the things I collect on DesignNotes. But if no one ends up visiting, that’s ok b/c I wrote what I did because I wanted to. i do it to remember You’re more likely to remember something if you’ve written about it. Now that I’m remembering all that stuff, I need to figure out a way to apply that knowledge. (Suggestions welcome) i do it to keep my mind active Just like when I take photos to help me see, the same can be said about writing for my blog. If you’re actively thinking about the world around you, it makes you better informed to make decisions. i do it to meet likeminded people I can’t imagine where I would be if I hadn’t taken those first steps to post an idea. I’ve been very lucky that there have been readers of DesignNotes that have turned into friends and it’s been a great resource to bounce ideas off of. i do it because i can The fact that it is so insanely easy to be a publisher that only eight or ten years ago would have been impossible. The overhead is extremely low… It’s important for me to explore all options for communication. I’m a designer, if you’re not willing to try to understand all the options people have to express ideas, how is it possible to give the most informed ideas possible? @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  19. 19. Design notes content types interviews Five to six conversations with a person I’m interested in knowing more about book reviews Attempting twelve a year, talking about design related books within the context of what I got out of them experiences Commenting on everyday design experiences. Could be a response to an interaction, product or something I’ve come across in a normal day. link drop Sharing posts and sites that worth talking about on a weekly basis. design work Mentioning projects that that have gone live, talking about the process of how something came to be. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  20. 20. Deborah Adler ClearRx Interview @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  21. 21. “ Information Hierarchy—(order, position, type size, contrast, leading, alignment and choice of typefaces) is another important factor to a functional and clear label. These two elements coupled with the consumer’s point of view for doctors to find in a short amount It will also is crucial to the success of the labels legibility. make drug safety information easier of time. Not only did I want the labels to be functional and easy to understand, but it interested me that by understanding adult schemas for taking medication, the label has the possibility of increasing memory. –deborah adler @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  22. 22. An interview with John Gargiulo, owner of Swich in NYC @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  23. 23. “ I always said on my 30th birthday if I hadn’t yet taken a big risk in life and started a company or something big, I had to quit my job on that day and figure something out fast. I guess I got anxious because on my 26th birthday I walked into Cliff’s office and retired from advertising. I developed a business plan, found an investor, and a year and a half later in December of last year, we opened our doors. –john gargiulo @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  24. 24. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  25. 25. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  26. 26. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  27. 27. The Person behind Nooka: an interview with Matthew Waldman @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  28. 28. “ Adults don’t think about it much, but time is calculated in base 12 [or base 24] when almost everything else we calculate is base 10. These concepts are difficult for some children and must be taught. If something must be taught, then it is not intuitive… which brought all the background processes above together and I questioned why there were only 2 ways to represent time. –matthew waldman @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  29. 29. Alissia Melka-Teichroew Interview: designer, founder of byAMT, curator, and maker @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  30. 30. “ Q: Do you design for yourself, have a person in mind or something else entirely? Something else entirely I think, however it’s like buying presents. You usually buy something for someone else that somewhere you also enjoy because it is more fun that way—it’s more genuine if you do it that way. –alissia melka–teichroew @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  31. 31. QuadCamera and ToyCamera Interview with Takayuki Fukatsu, creator of iPhone Apps @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  32. 32. “ So as a first step I want to suggest that “cheap and uncontrollable is fun”. That’s why ToyCamera only has random effect. I wanted to pick up the essence of uncontrollable fun of actual ToyCameras. Also I want to make my ToyCamera as Camera not application. That’s why there is no Undo, Redo, and import taken photo from album. –takayuki fukatsu @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  33. 33. A great conversation with swissmiss @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  34. 34. “ I vividly remember visiting an exhibit showcasing David Carsons work. I was truly fascinated by his ‘freestyle graphic design’, even I always had though it was clear that it wasn’t for me. the gridded-white-space-driven-swiss- designer in me. Now, I can clearly say, that Josef Müller-Brockmann’s work was, and still is, one of my biggest influences. –swissmiss (tina roth eisenberg) @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  35. 35. Look Both Ways by Debbie Millman @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  36. 36. I Miss My Pencil by Martin Bone and Kara Johnson @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  37. 37. I Miss My Pencil by Martin Bone and Kara Johnson @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  38. 38. I Miss My Pencil by Martin Bone and Kara Johnson @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  39. 39. Banksy at work in NYC: Broadway & Howard St. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  40. 40. My walking experience with the AIGA NY ALPHABET/CITY: A WALKING TOUR WITH TOBIAS FRERE-JONES @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  41. 41. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  42. 42. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  43. 43. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  44. 44. The Flo in Florent @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  45. 45. My Link Drop Process @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  46. 46. My Link Drop Process · Save links to delicious · Start placing links into wordpress Wednesday and Thursday · Reorder links once I have 20–25 · Take screen grabs of sites · Upload screen grabs to flickr · Place photos into a post · Start writing why I think the link is worth reading · Collect themes on paper · Upload diagram to flickr and include in post · Mark all tags · Publish @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  47. 47. LINK DROP @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  48. 48. LINK DROP themes @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  49. 49. LINK DROP themes @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  50. 50. LINK DROP themes @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  51. 51. LINK DROP themes @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  52. 52. LINK DROP themes @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  53. 53. LINK DROP today http://linkdroptoday.com @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  54. 54. agile @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  55. 55. “ Unknowns There are known knowns. These are things we know that we know. There are known unknowns. That is to say, there are things that we now know we don’t know. But there are also unknown unknowns. These are things we do not know we don’t know. –donald rumsfeld http://en.wikipedia.org/wiki/Unknown_unknown @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  56. 56. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  57. 57. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  58. 58. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  59. 59. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  60. 60. Waterfall A. Requirements B. Design C. Implementation D. Testing E. Maintenance @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  61. 61. Agile · Requirements and solutions evolve through collaboration · Frequent inspection and adaptation · Tasks are broken into small parts with minimal planning · Emphasize face–t0–face communication over written documents http://en.wikipedia.org/wiki/Agile_software_development @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  62. 62. Project road map* *The route will change @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  63. 63. team Everyone share’s the same mental picture @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  64. 64. different paths Working in tandem Moving forward Circling back @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  65. 65. Daylife @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  66. 66. smart galleries @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  67. 67. smart galleries with designnotes @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  68. 68. hybrid Graphic design @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  69. 69. What is the logo worth? @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  70. 70. Face pics are the new logo @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  71. 71. Company Deal Announcements @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  72. 72. Company Deal Announcements @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  73. 73. Company Deal Announcements @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  74. 74. Company Deal Announcements @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  75. 75. How does a designer work with this? @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  76. 76. Lean Pocket Info Fail @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  77. 77. Lean Pocket Info Fail @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  78. 78. Lean Pocket Info Fail @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  79. 79. Confusing MTA Subway Turnstiles @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  80. 80. the Locksmith’s Business Card @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  81. 81. Flexing scale, marks and other consistent things that brands could be @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  82. 82. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  83. 83. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  84. 84. Little Brooklyn @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  85. 85. Little Brooklyn @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  86. 86. Little Brooklyn @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  87. 87. Little Brooklyn @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  88. 88. Design Sale If you use the design It’s complimentary. If you don’t it will cost you $10,000 @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  89. 89. Quotes to remember “ as a designer you read best what you read most Zuzana Licko mentions in 1990, while more recently during the 2008 if the news is US Presidential Election a student quipped that important, it will find me. They’re universal truths that are applicable to almost anything. It’s not a tech. thing, it’s not a print thing, it is a people experience thing. Everyone interprets their experiences the way they choose to— whether it’s consciously or subconsciously. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  90. 90. Content is the new ui @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  91. 91. My News Flow on Flight 1549 @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  92. 92. Can your product design idea: Follow others Set Privacy Copy + paste Save stuff Embed Connect Arduino with it Print @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  93. 93. How my iPhone evolved how I tell stories @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  94. 94. Sketching out a blog post loop @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  95. 95. Thinking about twitter feeding facebook status @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  96. 96. More buy and vote on demand, and distributing things in digital @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  97. 97. More buy and vote on demand, and distributing things in digital Read it, print it out, share it widely. Do some sort of cool auto–tuned new liberal arts remix @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  98. 98. More buy and vote on demand, and distributing things in digital @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  99. 99. Talking Sticker @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  100. 100. Podcasts are now magazines, magazines are what newspapers used to be, and music files are now… @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  101. 101. 24hr music app for the iPhone @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  102. 102. Showing Competitors on a Product Site @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  103. 103. Inside Out with Invader in NYC @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  104. 104. Inside Out with Invader in NYC @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  105. 105. Inside Out with Invader in NYC @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  106. 106. Inside Out with Invader in NYC @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  107. 107. Still photography and video evolution @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  108. 108. http://www.vimeo.com/6763173 @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
  109. 109. Thank you aiga Dallas / Fort Worth @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102

×