Andrew Lewis - Thinking Holistically about Mobile-Responsive Services
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Andrew Lewis - Thinking Holistically about Mobile-Responsive Services

on

  • 615 views

From MCG 'Museums Get Mobile!' event 16 May 2014 ...

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.

Statistics

Views

Total Views
615
Views on SlideShare
126
Embed Views
489

Actions

Likes
0
Downloads
0
Comments
0

5 Embeds 489

https://assets.txmblr.com 396
http://aslongasitlastsblog.tumblr.com 86
http://museumscomputergroup.org.uk 3
https://www.tumblr.com 3
http://foraslongasitlasts.tumblr.com 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Andrew Lewis - Thinking Holistically about Mobile-Responsive Services Presentation Transcript

  • 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. Mobile-responsive?
  • 3. A responsive web service is one that adjusts automatically to suit the different ways your audiences choose to access it
  • 4. brick • Heavy • Rough • Orangey • Porous • Flat • Hand-sized • Stable on each side • Dense material • Quite brittle • Cheap characteristics
  • 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. 2007 Stability Disruption
  • 7. What does mobile responsive mean?
  • 8. Technology Social behaviour
  • 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. as digital technology changes User contexts change services need to be responsive to mobile is simply a significant context (currently)
  • 11. The contexts of voice??
  • 12. The contexts of wearables??
  • 13. User context – planning on the go
  • 14. User context – phone as visual diary
  • 15. User context – comfy sofa time
  • 16. User context – uncomfy conference time
  • 17. Department of Transport.THINK! campaign Mobile users Tablet users A.Lewis, random observation
  • 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. Enough theory…
  • 20. Keeping it simple
  • 21. Display changes as screen size changes @media screen and (max-width: 640px) { your code here… } }
  • 22. Banner A CB Banner A B E F C D A B C Banner
  • 23. Scaling and positioning of images
  • 24. Dual-modes for task optimisation
  • 25. Responsive to orientation
  • 26. Responsive to zoom scale
  • 27. Responsive for large screens
  • 28. Visitor Information Optimisation - quick wins based on data
  • 29. Separate user-design from digital assets
  • 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. Free stuff
  • 32. www.vam.ac.uk/b/blog/digital-media/mobile-research-resources Research reports are listed here :)
  • 33. http://www.vam.ac.uk/b/blog/digital-media/responsive-website-1 Planning V&A responsive is here…
  • 34. http://www.vam.ac.uk/b/blog/digital-media/mobile-wifi-screens Mobile Wi-Fi review is here…
  • 35. www.vam.ac.uk/digital
  • 36. Andrew Lewis Thank you… Victoria and Albert Museum www.vam.ac.uk/digital