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
Taking content rich websites mobile
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Damian Proctor
April 24, 2012
Design
2
190
Taking content rich websites mobile
Presentation given at in the Mobile World theatre at Internet World 2012 at Earls Court, London
Damian Proctor
April 24, 2012
Tweet
Share
More Decks by Damian Proctor
See All by Damian Proctor
Pitching to our advantage
randomapricot
1
1.4k
Digital agency roles for Creatives & Coders
randomapricot
2
440
Top 5 Design & UX Trends - Past, present & future,
randomapricot
3
490
Other Decks in Design
See All in Design
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
190
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
200
decksh object reference
ajstarks
2
1.5k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
0
130
hicard_credential_202601
hicard
0
200
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
750
Figma MCPを活用するためのデザインハンドブック
vivion
6
13k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
250
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
140
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.6k
デザインを信じていますか
sekiguchiy
1
1.1k
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
350
Featured
See All Featured
A better future with KSS
kneath
240
18k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.4k
Context Engineering - Making Every Token Count
addyosmani
9
770
ラッコキーワード サービス紹介資料
rakko
1
2.7M
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Navigating Team Friction
lara
192
16k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
200
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
150
Transcript
Taking content rich websites mobile. Damian Proctor Redweb
Taking content rich websites mobile. Damian Proctor Redweb
Taking content rich websites mobile. Damian Proctor Redweb
Taking content rich websites mobile. Damian Proctor Redweb
mobile website
None
Mobile is fragmented and its not getting any better.
Mobile changes quickly and it is hard to predict.
Mobile devices get replaced faster than PCs.
People use any platform to do anything.
Read reviews Compare prices Compare product info Search store inventory
Look for discounts Contact a retailer 70% 61% 61% 53% 46% 42% 77% 63% 65% 31% 49% 34% 67% 79% 60% 53% 73% 35% Source: Google & Ipsos Digital connections study - Life of the mobile/PC user (January 2012)
Support all activities on all devices.
None
By making sites context aware. Responsive web design
320px 768px 1024px 1680px
Mobile is fragmented and its not getting any better. 960px
960px 90 per 1440p Fixed Flu
None
1 2 3 4
How does this work for content rich websites?
Focus on your content.
Create once publish everywhere
Get your content management system right
Easier and quicker to build.
Go where your users are.
Consider a mobile first approach.
Have an immediate need?
What does this mean in practice?
Your digital experience is critical
Talk to your key stakeholders and your core users.
Plan for all types of testing.
Don’t just wireframe it, build a prototype.
Consistent visual vocabulary.
Continuous review Build Build Build Design Design Design
Identify your breakpoints.
T E T O Test Early, Test Often.
It doesn’t have to be all or nothing.
What does the future look like?
Fickle, fast paced and fragmented.
Thank you Damian Proctor @randomapricot