Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Design in a Web 2.0 World
Patrick Haney
September 26, 2011
Design
2
200
Design in a Web 2.0 World
Given at the Higher Education Web Symposium in July of 2008, in Philadelphia.
Patrick Haney
September 26, 2011
Tweet
Share
More Decks by Patrick Haney
See All by Patrick Haney
One App, Two Apps: Design for the Device Ecosystem
notasausage
0
85
10 Foot, 2 Inches: Designing Apps for Up-Close & Afar
notasausage
5
480
Getting Shit Done, Build Edition
notasausage
2
350
Getting Shit Done (in 20 Minutes)
notasausage
7
600
Getting Shit Done
notasausage
13
1.2k
The Laws of Design: From Principle to Practice
notasausage
5
230
Design for Change NXNEi
notasausage
4
160
Other Decks in Design
See All in Design
どうしてアジャイル会社で デザイン部が必要なのか? (RSGT, January 2022)
chostett
0
2.4k
NCDC_UXSession_20220120
ncdc
0
670
group-pdf-export.pdf
ujki
1
880
We meet again
seleliao
0
370
Episode 5 Onyx Monster Mysteries Song sequence
ivettetwin
0
300
Banana Bribes
ohtristanart
PRO
1
1.3k
Designing Schematic Maps
rasagy
1
250
Driveline: Arizona (Storyboards)
8sided
PRO
0
150
アクセシビリティに興味のあるデザイナーに向けて
cybozuinsideout
PRO
1
10k
「SPACE DESIGN × DX」 - 店舗・オフィス等の空間DX伴⾛⽀援 -
pointedge
0
290
第10回_業務システムのUX/UIデザイン改善によくある間違いとその解決策
fixel_admin
1
490
COSOJI
rsmile
1
7.5k
Featured
See All Featured
Teambox: Starting and Learning
jrom
121
7.6k
A designer walks into a library…
pauljervisheath
196
16k
The Illustrated Children's Guide to Kubernetes
chrisshort
14
34k
The Power of CSS Pseudo Elements
geoffreycrofte
46
3.9k
Docker and Python
trallard
27
1.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
212
20k
Fireside Chat
paigeccino
11
1.3k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
What’s in a name? Adding method to the madness
productmarketing
11
1.5k
Writing Fast Ruby
sferik
612
57k
The Language of Interfaces
destraynor
148
20k
Optimizing for Happiness
mojombo
365
63k
Transcript
Design in a Web 2.0 World Beyond Glossy & Gradients
by Patrick Haney
Who is This Guy? Patrick Haney is not a sausage
UI Designer at Harvard University
What is “Web 2.0?” What it is and what it
isn’t
“Can you give me that Web 2.0 look?”
http://flickr.com/photos/sharynmorrow/2105989313/
http://flickr.com/photos/evagoestomarket/30232470/
http://pomwonderful.com
http://pomwonderful.com
Web 2. Do they really “blend well” with your needs?
Don’t add unnecessary ingredients just because it’s the trend
Web 2.0? BIG text? Glossy graphics? Fancy gradients? HUGE buttons?
Reflections?
“…the philosophy of mutually maximizing collective intelligence and added value
for each participant by formalized and dynamic information sharing and creation”
“Ah, it doesn't mean anything. It's like, ‘rama-lama-ding-dong,’ or, ‘Give
peace a chance.’”
Web 1.0 vs. Web 2.0
http://catbird.tumblr.com/post/35429148
Web 1.0 vs.
Web 2.0 is not a Design Style
http://makemylogobiggercream.com
None
http://www.yiyinglu.com/sc/illustration
None
Patrick Haney is not Web 2.0
None
“creativity, information sharing, and, most notably, collaboration” http://en.wikipedia.org/wiki/Web_2.0
http://dennajones.com
http://dennajones.com/colophon/
http://dennajones.com/colophon/
“Web 2.0 is the reuse of information in new and
interesting ways, often using what are called web services” http://dennajones.com/colophon
Reuse, not Reinvent Use existing data for new and interesting
applications
None
None
http://everyblock.com
Moral of the Story: Content is King
Typography is not just choosing a font
There’s More to it... font-family: Arial, Helvetica, sans-serif; font-size: 12px;
http://seedconference.com
None
Sizing Text Pixels, ems, exs, points? http://www.alistapart.com/articles/ howtosizetextincss
The <p> Tag is Your Friend
http://jontangerine.com/silo/typography/p/
http://jontangerine.com/silo/typography/p/
sIFR Scalable Inman Flash Replacement http://www.mikeindustries.com/blog/sifr/
http://jasonsantamaria.com
Image Replacement Replace text with images using the typeface you
really wanted
http://flickr.com/photos/runforcover/1464079765/
http://webtypography.net
http://webtypography.net
Tagsonomy Do you really need tagging? Are tag clouds appropriate?
Would a few preselected categories be enough for your site? Or are you just doing it to be “cool?”
The Future with CSS3 More typography options Rounded corners
Are Gradients & Gloss Right for you? Does it fit
with the content? Is it appropriate for the project/ department?
Say NO to “Web 2.0!”
Choosing the Appropriate Design Style
I Like Big Butt s And I cannot lie.
Working Within a Brand
http://www.bu.edu/brand
http://www.bu.edu/brand
http://www.harvard.edu
http://www.harvard.edu
http://www.jaredigital.com
None
http://www.jaredigital.com
http://flickr.com/photos/smenzel/484343213/
None
http://www.cameronmoll.com
http://www.authenticjobs.com
http://www.careerbuilder.com
None
http://www.unstoppablerobotninja.com
http://www.31three.com
http://www.31three.com
http://www.31three.com
http://www.31three.com
The “Style” Done Right
http://www.apple.com
http://www.mixx.com
What Will “Web 3.0” Be?
Thank you. http://patrickhaney.com pat@patrickhaney.com