Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Taking content rich websites mobile

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Damian Proctor 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

Avatar for Damian Proctor

Damian Proctor

April 24, 2012
Tweet

More Decks by Damian Proctor

See All by Damian Proctor
Pitching to our advantage
Avatar for Damian Proctor randomapricot
1
1.4k
Digital agency roles for Creatives & Coders
Avatar for Damian Proctor randomapricot
2
440
Top 5 Design & UX Trends - Past, present & future,
Avatar for Damian Proctor randomapricot
3
490

Other Decks in Design

See All in Design
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
130
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.9k
Emmy's Artwork
Avatar for McKenna mcksmith
0
190
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
200
hicard_credential_202601
Avatar for hicard hicard
0
150
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
3
2.5k
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
180
DMMデザイナーの “AI活用の現在と未来”
Avatar for TakumaS takumasaito
1
450
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
1
370
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
850
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
830
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
260

Featured

See All Featured
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
240
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
100
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
56
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k

Transcript

  1. Taking content rich websites mobile. Damian Proctor Redweb

  2. Taking content rich websites mobile. Damian Proctor Redweb

  3. Taking content rich websites mobile. Damian Proctor Redweb

  4. Taking content rich websites mobile. Damian Proctor Redweb

  5. mobile website

  6. None

  7. Mobile is fragmented and its not getting any better.

  8. Mobile changes quickly and it is hard to predict.

  9. Mobile devices get replaced faster than PCs.

  10. People use any platform to do anything.

  11. 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)

  12. Support all activities on all devices.

  13. None

  14. By making sites context aware. Responsive web design

  15. 320px 768px 1024px 1680px

  16. Mobile is fragmented and its not getting any better. 960px

    960px 90 per 1440p Fixed Flu
  17. None

  18. 1 2 3 4

  19. How does this work for content rich websites?

  20. Focus on your content.

  21. Create once publish everywhere

  22. Get your content management system right

  23. Easier and quicker to build.

  24. Go where your users are.

  25. Consider a mobile first approach.

  26. Have an immediate need?

  27. What does this mean in practice?

  28. Your digital experience is critical

  29. Talk to your key stakeholders and your core users.

  30. Plan for all types of testing.

  31. Don’t just wireframe it, build a prototype.

  32. Consistent visual vocabulary.

  33. Continuous review Build Build Build Design Design Design

  34. Identify your breakpoints.

  35. T E T O Test Early, Test Often.

  36. It doesn’t have to be all or nothing.

  37. What does the future look like?

  38. Fickle, fast paced and fragmented.

  39. Thank you Damian Proctor @randomapricot