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
220
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
180
10 Foot, 2 Inches: Designing Apps for Up-Close & Afar
notasausage
5
590
Getting Shit Done, Build Edition
notasausage
2
380
Getting Shit Done (in 20 Minutes)
notasausage
7
660
Getting Shit Done
notasausage
14
1.3k
The Laws of Design: From Principle to Practice
notasausage
5
260
Design for Change NXNEi
notasausage
4
210
Other Decks in Design
See All in Design
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
2k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
140
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
290
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
今日から意識できるアクセシビリティ
fumiko
0
250
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
200
Goodpatch Tour💙 / We are hiring!
goodpatch
31
860k
250131_product meetup
motokoishida
0
220
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
450
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4k
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
290
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
970
Rails Girls Zürich Keynote
gr2m
95
14k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
950
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
820
Bash Introduction
62gerente
613
210k
Practical Orchestrator
shlominoach
189
11k
Building an army of robots
kneath
306
45k
Why Our Code Smells
bkeepers
PRO
336
57k
How to train your dragon (web standard)
notwaldorf
95
6.1k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Optimizing for Happiness
mojombo
379
70k
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]