Taking content rich websites mobile

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

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