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
180
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
480
Other Decks in Design
See All in Design
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
520
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
320
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
550
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
180
LayerX DesignersDeck
layerx
PRO
0
950
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
620
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
330
太田博三(@usagisan2020)
otanet
0
200
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
460
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
180
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.6k
Slip N Slime - Character Design Ideation
thebogheart
0
340
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
180
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
How STYLIGHT went responsive
nonsquared
96
5.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
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