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
root COMPANY DECK / We are hiring!
root_recruit
PRO
1
24k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
530
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.4k
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
200
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.3k
minpaku-community-scrum-patterns
norinity1103
1
470
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
170
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
140
役立つシステムを作るためのAI活用
kanzaki
0
110
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.6k
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.3k
Featured
See All Featured
Scaling GitHub
holman
463
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
KATA
mclloyd
PRO
32
15k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
510
Producing Creativity
orderedlist
PRO
347
40k
The Pragmatic Product Professional
lauravandoore
36
7k
BBQ
matthewcrist
89
9.8k
How STYLIGHT went responsive
nonsquared
100
5.8k
Practical Orchestrator
shlominoach
190
11k
The Language of Interfaces
destraynor
162
25k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
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/