Your SlideShare is downloading. ×
0
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Thinking Holistically about Mobile-Responsive Services
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Thinking Holistically about Mobile-Responsive Services

651

Published on

A run through of simple concepts of responsive design and how these specifically apply to mobile-responsive services. …

A run through of simple concepts of responsive design and how these specifically apply to mobile-responsive services.

The idea that mobile technology affects social behaviour is explored and examples given of how this affects web service design for mobile phones.

The idea that mobile users are not distinct from desktop and tablet users, but often the same people at different times is considered.

To show how these simple concepts can be applied to usefully create mobile services, examples from live V&A mobile-responsive web designs are reviewed in terms of how they were planned based on how users behave. These include the main V&A website responsive display and the award-winning digital Explorer Map.

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

  • Be the first to like this

No Downloads
Views
Total Views
651
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Information scientist with 13 years managing projects and live digital services in museums and public libraries. BSc Cybernetics & Control Engineering, MSc Information and Library Studies, chartered librarian, makes stuff…Joined the Victoria and Albert Museum in 2008. Currently Digital Content Delivery Manager, previously Senior Web Content Manager.Projects – large-scale website redesign, content programme management, self-issue services,automated telephone renewal systems, public access computer services, online information, game development, SMART cards, multi-authority procurement and digitisation projects, etc.
  • Information scientist with 13 years managing projects and live digital services in museums and public libraries. BSc Cybernetics & Control Engineering, MSc Information and Library Studies, chartered librarian, makes stuff…Joined the Victoria and Albert Museum in 2008. Currently Digital Content Delivery Manager, previously Senior Web Content Manager.Projects – large-scale website redesign, content programme management, self-issue services,automated telephone renewal systems, public access computer services, online information, game development, SMART cards, multi-authority procurement and digitisation projects, etc.
  • 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

    ×