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

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

    View Slide

  2. Taking content
    rich websites
    mobile.
    Damian Proctor
    Redweb

    View Slide

  3. Taking content
    rich websites
    mobile.
    Damian Proctor
    Redweb

    View Slide

  4. Taking content
    rich websites
    mobile.
    Damian Proctor
    Redweb

    View Slide

  5. mobile website

    View Slide

  6. View Slide

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

    View Slide

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

    View Slide

  9. Mobile devices
    get replaced
    faster than PCs.

    View Slide

  10. People use any
    platform to do
    anything.

    View Slide

  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)

    View Slide

  12. Support all
    activities on all
    devices.

    View Slide

  13. View Slide

  14. By making sites
    context aware.
    Responsive
    web design

    View Slide

  15. 320px
    768px 1024px
    1680px

    View Slide

  16. Mobile is
    fragmented and
    its not getting
    any better.
    960px
    960px
    90 per
    1440p
    Fixed Flu

    View Slide

  17. View Slide

  18. 1 2 3 4

    View Slide

  19. How does this
    work for content
    rich websites?

    View Slide

  20. Focus on your
    content.

    View Slide

  21. Create once
    publish
    everywhere

    View Slide

  22. Get your content
    management
    system right

    View Slide

  23. Easier and
    quicker to build.

    View Slide

  24. Go where your
    users are.

    View Slide

  25. Consider a
    mobile first
    approach.

    View Slide

  26. Have an
    immediate need?

    View Slide

  27. What does this
    mean in practice?

    View Slide

  28. Your digital
    experience is
    critical

    View Slide

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

    View Slide

  30. Plan for all types
    of testing.

    View Slide

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

    View Slide

  32. Consistent visual
    vocabulary.

    View Slide

  33. Continuous
    review
    Build Build Build
    Design
    Design
    Design

    View Slide

  34. Identify your
    breakpoints.

    View Slide

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

    View Slide

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

    View Slide

  37. What does the
    future look like?

    View Slide

  38. Fickle, fast paced
    and fragmented.

    View Slide

  39. Thank you
    Damian Proctor
    @randomapricot

    View Slide