Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design in a Web 2.0 World
Search
Patrick Haney
September 26, 2011
Design
2
210
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
160
10 Foot, 2 Inches: Designing Apps for Up-Close & Afar
notasausage
5
570
Getting Shit Done, Build Edition
notasausage
2
370
Getting Shit Done (in 20 Minutes)
notasausage
7
650
Getting Shit Done
notasausage
14
1.3k
The Laws of Design: From Principle to Practice
notasausage
5
250
Design for Change NXNEi
notasausage
4
200
Other Decks in Design
See All in Design
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
520
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
270
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
840
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
570
発表資料テンプレート / My slide template
thatblue
0
180
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
230
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
8.9k
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
700
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
460
aya_murakami_portfolio
ayakaimi1101
0
940
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
550
Featured
See All Featured
Side Projects
sachag
452
42k
Raft: Consensus for Rubyists
vanstee
137
6.7k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Fireside Chat
paigeccino
34
3.2k
Producing Creativity
orderedlist
PRO
343
39k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Embracing the Ebb and Flow
colly
84
4.5k
Mobile First: as difficult as doing things right
swwweet
222
9.2k
How GitHub (no longer) Works
holman
312
140k
Bash Introduction
62gerente
610
210k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
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
[email protected]