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
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
3
1.3k
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.4k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
0
110
mount_company_profile
mount_inc
0
4.9k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
130
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.9k
DMMデザイナーの “AI活用の現在と未来”
takumasaito
1
450
maki setoguchi
maki_setoguchi
0
660
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
PRO
0
160
kintone_aroma
kintone
0
1.4k
Liquid GlassとApp Intents
touyou
0
810
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
380
Featured
See All Featured
Leo the Paperboy
mayatellez
4
1.4k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
67
Ruling the World: When Life Gets Gamed
codingconduct
0
140
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
WENDY [Excerpt]
tessaabrams
9
36k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
We Have a Design System, Now What?
morganepeng
54
8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.9k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
100
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Scaling GitHub
holman
464
140k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
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