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

Thinking Holistically about Mobile-Responsive Services

on

  • 696 views

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.

Statistics

Views

Total Views
696
Views on SlideShare
646
Embed Views
50

Actions

Likes
0
Downloads
3
Comments
0

2 Embeds 50

https://twitter.com 44
http://museumscomputergroup.org.uk 6

Accessibility

Categories

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
  • 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.

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

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