Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all. The term web design is normally used to describe the design process relating to the frontend (client side) design of a website including writing mark up. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and if their role involves creating mark up then they are also expected to be up to date with web accessibility guidelines.
Trang 1MICHAEL SURTEES
A P R I L 1 4 2 0 1 0
Parsons, Design IV
Trang 2h e l l l l o , I ’ m
@ m i c h a e l S u rt e e s
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 3@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 4the
blog
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 5why i blog
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 6why 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
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 7Commenting 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 | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 8Design notes, the blog
http://designnotes.info
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 10@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 11@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 12@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 13“ 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 | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 14The Person behind
Nooka: an interview
with Matthew Waldman
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 15Deborah Adler
ClearRx Interview
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 16Alissia
Melka-Teichroew
Interview: designer,
founder of byAMT,
curator, and maker
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 18A great conversation
with swissmiss
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 19Look Both Ways
by Debbie Millman
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 23Banksy at work in NYC: Broadway & Howard St.
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 24My walking experience with the AIGA NY
Trang 25@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 26@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 28Lean Pocket
Info Fail
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 29Lean Pocket
Info Fail
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 30Lean Pocket
Info Fail
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 31Confusing MTA
Subway Turnstiles
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 32the Locksmith’s
Business Card
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 33Flexing scale, marks
and other consistent things that brands
could be
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 34@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 35@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 36Talking Sticker
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 37Little Brooklyn
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 38Little Brooklyn
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 39Little Brooklyn
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 40Little Brooklyn
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 42Shooting the sky
everyday
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 4336 days of New York
Sky: January 16th 2008
to February 20th 2008
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 44New York City Colour Study Timeline
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 45New York City Colour Study – Time when
photo was taken graph
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 46@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 47Starting the
#walkingtoworktoday photo project
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 49@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 50unexpected narratives
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 51My Link Drop Process
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 52· Save links to delicious
· Start placing links into wordpress Wednesday & 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
My Link Drop Process
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 53LINK DROP
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 54LINK DROP themes
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 55LINK DROP themes
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 56LINK DROP themes
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 57LINK DROP today
http://linkdroptoday.com
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 58@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 59“ 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
un-knowns These are things we do
not know we don’t know.
Trang 60@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 61@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 62@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 64@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 65· 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 | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 66*The route will change
Project road map*
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 67Everyone share’s the same mental picture
team
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 69@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 70smart galleries
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 71smart galleries
with designnotes
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102
Trang 73Thank you
@MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102 @MICHAELSURTEES | UNEXPECTED NARRATIVES AND CREATING THE RIGHT CONDITIONS | APRIL 14 2010 | http://designnotes.info/?cat=102