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
Web Content From a Designer's Perspective
Search
SGV Web Designers & Developers Meetup
April 24, 2013
Design
3
150
Web Content From a Designer's Perspective
Looking at web content through the eyes of a designer.
SGV Web Designers & Developers Meetup
April 24, 2013
Tweet
Share
More Decks by SGV Web Designers & Developers Meetup
See All by SGV Web Designers & Developers Meetup
Python - What's In It For Me?
sgvwdd
0
110
PHP
sgvwdd
3
610
Other Decks in Design
See All in Design
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
210
Echoes Boomerang
artcloudyu
PRO
0
250
harutaka Vision Deck
zenkigenforrecruit
0
150
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
130
sachi_y_portfolio
sachi337
0
270
線で考える画面構成
natsuume
1
880
AI動画生成ガチャ紹介
piyo7
1
120
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1.9k
私とデザインの10年
iflection
0
150
NAHO SHIMONO_Portfolio2025
nahohphp
0
880
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
690
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
4
1.2k
Featured
See All Featured
Practical Orchestrator
shlominoach
189
11k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Site-Speed That Sticks
csswizardry
10
680
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Side Projects
sachag
455
42k
The Language of Interfaces
destraynor
158
25k
Stop Working from a Prison Cell
hatefulcrawdad
270
21k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Bash Introduction
62gerente
613
210k
The Invisible Side of Design
smashingmag
301
51k
It's Worth the Effort
3n
185
28k
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
Content from a designer’s perspective
Content vs. Design
Design “It takes about 50 milliseconds (that’s 0.05 seconds) for
users to form an opinion about your website that determines whether they like your site or not, whether they’ll stay or leave” -2012 Google Study
None
None
Content
“Content is King”
None
None
Good design gets visitors to stay on a website Good
content keeps visitors coming back +
Designing for Content
Get All of the Content Up Front
None
…unless we’re talking about cupcake ipsum! Cupcake ipsum dolor sit
amet chupa chups marzipan chocolate cake. Bear claw I love muffin jelly wypas pastry carrot cake cookie. Topping caramels faworki chupa chups. I love tart sweet. Jelly liquorice tiramisu jujubes. Powder cake halvah I love. Cookie I love dessert biscuit cheesecake donut. Tart sesame snaps pudding toffee caramels pastry brownie pastry.
Think “Lifestyle” and Not “Launch”
Make Sure Content is Scan-able
None
None
None
Utilize Typography and Images
vs.
None
None
None
None
Use Whitespace
None
None
None
Follow Web Patterns
None
None
Have a Search Bar
None
None
Developers? UX Designers? Project Managers? Content Strategists?
None
None
None
None
None
None
None
References • http://www.onextrapixel.com/2011/02/23/planning-for-a-content-heavy-web-design/ • http://www.shayhowe.com/web-design/web-content-strategy/ • http://www.urbanfonts.com/blog/2013/02/serif-vs-sans-the-final-battle/ • http://www.vanseodesign.com/web-design/is-content-necessary/ •
http://research.google.com/pubs/pub38315.html • http://conversionxl.com/first-impressions-matter-the-importance-of-great-visual-design/ • http://googleresearch.blogspot.com/2012/08/users-love-simple-and-familiar-designs.html • http://www.livescience.com/10429-impressions-difficult-change-study.html • http://www.alexa.com/topsites/countries/US Images: • http://www.hongkiat.com/blog/beautiful-website-search-box-ui-design/ • http://blog.kissmetrics.com/common-website-navigation-mistakes/ • http://www.griplimited.com/ • http://blog.hiledesign.com/lorem-what/2439/ • http://www.facebook.com/ • http://www.bing.com/ • http://craigslist.org/ • http://en.wikipedia.org/wiki/Main_Page • http://www.nytimes.com/ • http://www.usatoday.com/ • http://www.newyorker.com/ • http://jacksonvilleartwalk.com/#media • http://austinbeerworks.com/beer/ • http://heymosaic.com/ • http://www.empellon.com/cocina/#close • http://www.apple.com/ • http://mailchimp.com/ • http://www.wired.com/ • http://www.maisonmartinmargiela.com/ • http://venturebeat.com/ • http://singlefunction.com/wordpress/wp-content/themes/showcastic/styles/common/images/clutter_example.jpg • http://www.reddit.com/ • http://www.custommade.com/ • http://www.indiegogo.com/