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
Unexpected Narratives and Creating the Right Conditions
1.
2. 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
3. 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
7. Watching the
sun interact
with design
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
8. Shooting the sky
everyday
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
9. 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
10. New York City Colour
Study Timeline
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
11. 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
12. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
15. #walkingtoworktoday
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
16. unexpected narratives
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
17. Design notes, the blog
http://designnotes.info
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
18. why i blog
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
19. 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
20. 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
21. Deborah Adler
ClearRx Interview
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
22. “
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
23. 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
24. “
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
25. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
26. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
27. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
28. 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
29. “
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
31. “
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
32. 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
33. “
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
34. A great conversation
with swissmiss
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
35. “
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
36. Look Both Ways
by Debbie Millman
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
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. 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. 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
40. Banksy at work in NYC:
Broadway & Howard St.
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
41. 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
42. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
43. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
44. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
45. The Flo
in Florent
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
46. My Link Drop Process
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
47. 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
48. LINK DROP
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
49. LINK DROP themes
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
50. LINK DROP themes
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
51. LINK DROP themes
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
52. LINK DROP themes
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
53. LINK DROP themes
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
54. LINK DROP today
http://linkdroptoday.com
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
56. “
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
57. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
58. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
59. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
60. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
61. 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
62. 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
63. Project road map*
*The route will change
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
64. team
Everyone share’s the same mental picture
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
65. 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
66. Daylife
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
67. smart galleries
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
68. smart galleries
with designnotes
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
70. What is the
logo worth?
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
71. Face pics are
the new logo
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
76. How does a designer
work with this?
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
77. Lean Pocket
Info Fail
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
78. Lean Pocket
Info Fail
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
79. Lean Pocket
Info Fail
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
80. Confusing MTA
Subway Turnstiles
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
81. the Locksmith’s
Business Card
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
82. 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
83. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
84. @michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
85. Little Brooklyn
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
86. Little Brooklyn
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
87. Little Brooklyn
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
88. Little Brooklyn
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
89. 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
90. 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
91. Content
is the
new ui
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
92. My News Flow
on Flight 1549
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
93. 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
94. How my iPhone evolved
how I tell stories
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
95. Sketching out
a blog post loop
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
96. Thinking about
twitter feeding
facebook status
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
97. 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
98. 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
99. 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
100. Talking Sticker
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
101. 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
102. 24hr music app for
the iPhone
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
103. Showing Competitors
on a Product Site
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
104. Inside Out with
Invader in NYC
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
105. Inside Out with
Invader in NYC
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
106. Inside Out with
Invader in NYC
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
107. Inside Out with
Invader in NYC
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
108. Still photography
and video evolution
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102
110. Thank you aiga
Dallas / Fort Worth
@michaelsurtees | unexpected narratives and creating the right conditions | february 4th, 2010 | http://designnotes.info/?cat=102