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

Taking content rich websites mobile

Taking content rich websites mobile

Presentation given at in the Mobile World theatre at Internet World 2012 at Earls Court, London

A9337384381a70828890209c8158d95b?s=128

Damian Proctor

April 24, 2012
Tweet

More Decks by Damian Proctor

Other Decks in Design

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