Andrew Lewis - Thinking Holistically about Mobile-Responsive Services

969 views
896 views

Published on

From MCG 'Museums Get Mobile!' event 16 May 2014
This session looked at how user needs and behaviours vary across different contexts in their lives and how different devices are used in different ways that affect how to think about responsive service design.
It combines concepts to help think through and prioritise a responsive design, with hints and tips based on service implementations at the V&A that you can adapt and use.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
969
On SlideShare
0
From Embeds
0
Number of Embeds
658
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Andrew Lewis - Thinking Holistically about Mobile-Responsive Services

  1. 1. Andrew Lewis Thinking Holistically about Mobile-responsive Services Museums Get Mobile! MCG Spring Meeting Victoria and Albert Museum MShed, Bristol, 16 May 2014
  2. 2. Mobile-responsive?
  3. 3. A responsive web service is one that adjusts automatically to suit the different ways your audiences choose to access it
  4. 4. brick • Heavy • Rough • Orangey • Porous • Flat • Hand-sized • Stable on each side • Dense material • Quite brittle • Cheap characteristics
  5. 5. phone • Takes photos, videos audio • Allows remote speech • Has a rechargeable battery • Quite light, easily breakable • Pocket-sized • Touch enabled, finger-sized • Expensive/valuable • Has model-specific features • Replaces pre-planning • Taken everywhere characteristics
  6. 6. 2007 Stability Disruption
  7. 7. What does mobile responsive mean?
  8. 8. Technology Social behaviour
  9. 9. • Takes photos, videos audio • Allows remote speech • Has a rechargeable battery • Quite light, easily breakable • Pocket-sized • Touch enabled, finger-sized • Expensive/valuable • Has model-specific features • Replaces pre-planning • Taken everywhere characteristics
  10. 10. as digital technology changes User contexts change services need to be responsive to mobile is simply a significant context (currently)
  11. 11. The contexts of voice??
  12. 12. The contexts of wearables??
  13. 13. User context – planning on the go
  14. 14. User context – phone as visual diary
  15. 15. User context – comfy sofa time
  16. 16. User context – uncomfy conference time
  17. 17. Department of Transport.THINK! campaign Mobile users Tablet users A.Lewis, random observation
  18. 18. Digital elements of a museum visit… screen use is contextual Discovery Journey Being hereAwareness Activity: social digital Location: anywhere Screen: mobile Activity: leisurely discovery Location: home Screen: tablet Activity: wayfinding Location: on the move Screen: mobile Activity: leisurely discovery Location: Museum Screen – none/gallery screens/ mobile Twitter, Facebook, etc Digital map, What’s On Mobile-optimised Visit Us page The awesome V&A
  19. 19. Enough theory…
  20. 20. Keeping it simple
  21. 21. Display changes as screen size changes @media screen and (max-width: 640px) { your code here… } }
  22. 22. Banner A CB Banner A B E F C D A B C Banner
  23. 23. Scaling and positioning of images
  24. 24. Dual-modes for task optimisation
  25. 25. Responsive to orientation
  26. 26. Responsive to zoom scale
  27. 27. Responsive for large screens
  28. 28. Visitor Information Optimisation - quick wins based on data
  29. 29. Separate user-design from digital assets
  30. 30. Search the Collections (STC) Mobile STC Website auto-display module Furniture gallery digital label Digital map One chair. One authoritative digital asset. Powered by APIs
  31. 31. Free stuff
  32. 32. www.vam.ac.uk/b/blog/digital-media/mobile-research-resources Research reports are listed here :)
  33. 33. http://www.vam.ac.uk/b/blog/digital-media/responsive-website-1 Planning V&A responsive is here…
  34. 34. http://www.vam.ac.uk/b/blog/digital-media/mobile-wifi-screens Mobile Wi-Fi review is here…
  35. 35. www.vam.ac.uk/digital
  36. 36. Andrew Lewis Thank you… Victoria and Albert Museum www.vam.ac.uk/digital

×