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
120
10 Foot, 2 Inches: Designing Apps for Up-Close & Afar
notasausage
5
540
Getting Shit Done, Build Edition
notasausage
2
360
Getting Shit Done (in 20 Minutes)
notasausage
7
630
Getting Shit Done
notasausage
14
1.2k
The Laws of Design: From Principle to Practice
notasausage
5
240
Design for Change NXNEi
notasausage
4
190
Other Decks in Design
See All in Design
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
230
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
330
231129_FOSS4G-ASIA-2023_kato
hjmkth
1
300
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
330
実務のための マイクロ インタラクション入門
shingo2000
0
360
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
290
社内管理画面のデザインもプロダクトデザイン
takanorip
4
740
BtoB SaaS Design Conference 登壇資料 Cloudbase LT
narizuka
0
490
Goodpatch Tour💙 / We are hiring!
goodpatch
28
690k
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
180
文化に寄りそうデザイン
recruitengineers
PRO
4
920
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Web Components: a chance to create the future
zenorocha
305
41k
Product Roadmaps are Hard
iamctodd
44
9.7k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
Unsuck your backbone
ammeep
663
57k
Designing for humans not robots
tammielis
248
25k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
Code Reviewing Like a Champion
maltzj
514
39k
For a Future-Friendly Web
brad_frost
172
9k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
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]