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
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.3k
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
What makes a great Director?
_limex_
0
330
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
150
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
780
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
190
ドルちゃん
design_dolphins
0
240
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
700
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
0
200
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
510
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
130
佐藤千晶|ポートフォリオ
chimi_chia
0
210
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
180
Featured
See All Featured
Writing Fast Ruby
sferik
629
62k
Why Our Code Smells
bkeepers
PRO
340
57k
Thoughts on Productivity
jonyablonski
70
4.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Side Projects
sachag
455
43k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
880
Facilitating Awesome Meetings
lara
56
6.6k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Context Engineering - Making Every Token Count
addyosmani
7
280
How STYLIGHT went responsive
nonsquared
100
5.8k
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