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
Designing with Content-First
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Andy Parker
November 05, 2014
Design
3
69
Designing with Content-First
Andy Parker
November 05, 2014
Tweet
Share
More Decks by Andy Parker
See All by Andy Parker
Enhance Enhance
avangelist
0
65
Storytelling with Photography
avangelist
0
61
Other Decks in Design
See All in Design
decksh object reference
ajstarks
2
1.5k
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
120
Ralph Penel Portfolio
ralphpenel
PRO
0
240
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
3k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
第18回サイゼミ
lw
1
2.3k
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
190
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
1
480
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.7k
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
1.3k
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.8k
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
510
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Discover your Explorer Soul
emna__ayadi
2
1k
Claude Code のすすめ
schroneko
67
210k
We Have a Design System, Now What?
morganepeng
54
8k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
120
Everyday Curiosity
cassininazir
0
120
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
How GitHub (no longer) Works
holman
316
140k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
140
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
Automating Front-end Workflow
addyosmani
1371
200k
From π to Pie charts
rasagy
0
120
Transcript
Designing Content-first
Clearle
None
None
None
None
Layering web technologies so that the content is always accessible,
regardless of access method, connectivity, software, or hardware being used. Progressive Enhancement
Projects fail before they start
RFP Pitch Deck (about us) Photoshop Comps of homepage Win
project Slowly unravels and we pray for the end Radically different design Unhappy customer Bad Experience
Don’t make decisions on this alone
None
User Experience Design
Web Design = HTML, CSS (javascript..maybe)
We need to work together
Not Just Visual Design
Why why why why why why why why why why
why
Put things into context
Stakeholder interview findings
Frequently Asked Questions = Your site content.
User Centred Design = All Users
None
None
None
None
Information Architecture Bottom-up
None
None
None
None
None
None
None
Information Architecture Bubbling Up
Hub and spoke: richard rutter
None
None
None
None
None
None
None
None
None
It’s not just this that makes bad experiences
None
None
We are no longer looking at just another website
Layering web technologies so that the content is always accessible,
regardless of access method, connectivity, software, or hardware being used. Layering web technologies so that the content is always accessible, regardless of access method, connectivity, software, or hardware being used.
Come play XboxOne: AvangelistXMB Twitter: theavangelist clearleft.com