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
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
150
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
320
Design System for training program
mct
0
140
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
500
太田博三(@usagisan2020)
otanet
0
190
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.1k
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
440
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
210
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.8k
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
230
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
210
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
500
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
The Language of Interfaces
destraynor
154
24k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
10 Git Anti Patterns You Should be Aware of
lemiorhan
655
59k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Facilitating Awesome Meetings
lara
50
6.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
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