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
マンガで分かるサービスデザインガイドライン
senryakuka
1
900
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
sugiyama_sukedachi
0
140
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
300
The Spectacular Lies of Maps
axbom
PRO
0
110
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
110
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
710
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.2k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
290
クライアントワークにおける UXリサーチの実践
kozotaira
0
700
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
680
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
2k
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Into the Great Unknown - MozCon
thekraken
40
1.9k
How to Ace a Technical Interview
jacobian
278
23k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
A Tale of Four Properties
chriscoyier
160
23k
The World Runs on Bad Software
bkeepers
PRO
69
11k
How STYLIGHT went responsive
nonsquared
100
5.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
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/