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
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
290
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
290
株式会社バクタム 会社説明資料
bactum
0
250
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
140
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
470
問いの変遷
iflection
0
160
DC Style Redesign
mcduckyart
0
130
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
170
Карта процесса-опыта — как визуализировать сервис просто, понятно и подробно
ashapiro
0
100
Storyboard Honey
rocioparronrubio
0
280
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Adopting Sorbet at Scale
ufuk
77
9.5k
Automating Front-end Workflow
addyosmani
1370
200k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Facilitating Awesome Meetings
lara
54
6.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Code Reviewing Like a Champion
maltzj
524
40k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
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/