How to plan responsive web services
•Download as PPTX, PDF•
2 likes•1,761 views
Help to plan responsive web services. The main focus is mobile-responsive and tablet-responsive displays. It also considers more generally what responsive-design means and the importance of understanding specific user contexts (like tablet use on a comfy sofa)
Recommended
Recommended
More Related Content
What's hot
Similar to How to plan responsive web services
Similar to How to plan responsive web services (20)
More from Andrew Lewis
More from Andrew Lewis (16)
Recently uploaded
Recently uploaded (20)
How to plan responsive web services
- 1. How to plan responsive web services Victoria and Albert Museum Andrew Lewis Digital Content Delivery Manager Museums and the Web 4 March 2014
- 2. Banner A B E F C D
- 3. Before you start typing… MW2014 paper: bit.ly/mw14al slides: @rosemarybeetlefollow: (Tweet me if I missed something) bit.ly/mw14alss
- 10. User contexts Not technology… Nor gadgets… Nor app platforms…
- 11. Some basics
- 12. What are responsive web services?
- 13. A responsive web service is one that adjusts automatically to suit the different ways your audiences choose to access it
- 15. Multiple user contexts of a museum visit 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
- 16. Optimisation
- 17. brick Heavy Rough Orangey Porous Flat Hand-sized Stable on each side Dense material Quite brittle Cheap characteristics
- 18. 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
- 19. Why make things responsive?
- 20. 53% of all adults regular media multi-taskers UK OFCOM. Communications Market Report 2013. (published August 2013) 81% tablet owners multi-task with other media and TV More than half of adults own a smartphone Digital changes behaviour
- 21. Google. The New Multi-Screen World. Understanding cross-platform consumer behaviour (published August 2012)
- 22. Google. The New Multi-Screen World. Understanding cross-platform consumer behaviour (published August 2012)
- 23. Planning
- 25. Consumer trends
- 28. Your brain Continuous enhancement Innovation from disruption
- 31. Disruptive innovation makes new user contexts possible
- 32. The disruption of usable touch navigation
- 33. User context – planning on the go
- 34. User context – phone as visual diary
- 35. User context – comfy sofa time
- 36. User context – uncomfy conference time
- 37. User contexts change as digital does
- 38. The contexts of voice??
- 40. Research
- 41. bit.ly/mw14al2 There is a lot of evidence out there
- 42. Communities- eg @museweb, @MuseumCN, @ukmcg) Rocking the hat, Nancy!
- 43. User data
- 47. Trend analysis within segments….
- 48. Visit practicalities 41.3% Other 13.4% General content 8.5% Finding out what is on 36.8% Intention analysis within segments….
- 50. UK
- 51. bit.ly/mw14al3
- 54. Basic technical stuff (with subtitles for the technically minded)
- 55. Start with simple web stuff (progressive enhancement)
- 58. Display changes as screen size changes (fluid-grid responsive frameworks are cool) @media screen and (max-width: 640px) { your code here… }
- 59. Banner A CB Banner A B E F C D A B C Banner
- 60. Scaling and positioning of images
- 61. Dual-modes for task optimisation
- 63. Responsive to zoom scale
- 64. Responsive for large screens
- 65. Separate user-design from technology (Decouple front end from backend data)
- 66. 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
- 68. Invest in your services for your audiences
- 69. Add to procurement guidance
- 70. Visitor Information Optimisation - quick wins based on data
- 71. To wrap
- 72. Banner A B E F C D User contexts Strategic prioritisation Fluid grids Investment
- 73. Thank you Victoria and Albert Museum @rosemarybeetle www.vam.ac.uk/digital
Editor's Notes
- 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.
- PAUSE to ask levels of knowledge
- 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.