1 / 29

Mobile for UCL

Mobile for UCL. WebNet , 3 December 2012 Dan Jackson, Senior Web Architect. The Problem The mobile explosion. OCTOBER 2010 37,910. OCTOBER 2011 97,308. OCTOBER 2012 240,620.

shay
Télécharger la présentation

Mobile for UCL

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

  2. The Problem The mobile explosion

  3. OCTOBER 2010 37,910

  4. OCTOBER 2011 97,308

  5. OCTOBER 2012 240,620

  6. Once upon a time and not so very long ago, “mobile” meant digital experiences for on-the-go phones. Now we use the word for experiences that are neither on-the-go, nor for phones. Mobile isn’t especially mobile anymore: it’s on the couch, or in bed…and even the crisp equation “mobile = phone” started to break down with the arrival of tablets of all shapes and sizes. http://globalmoxie.com/blog/desknots.shtml

  7. Unique combinations of screen resolution + OS, Aug – Nov 2012? 648

  8. The Options What can we do?

  9. OPTION #1 Go Native

  10. The primary design principle underlying the Web’s usefulness and growth is universality …it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. Tim Berners-Lee, Long Live the Web, http://www.scientificamerican.com/article.cfm?id=long-live-the-web Not every mobile device will have your app on it, but every mobile device will have a browser. Jason Grigsby, @grigs

  11. OPTION #2 Experiences

  12. Device experiences are a way to classify the troves of connected devices available to consumers today so you can build and design separate and appropriate interfaces for each. A device experience is defined by how a device is most commonly used and the technical capabilities or limitations it possesses. Luke Wroblewski, https://developers.facebook.com/html5/blog/post/6/

  13. OPTION #3 RWD

  14. RWD is an approach to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices. http://en.wikipedia.org/wiki/Responsive_web_design

  15. The Challenge Changing the way we work

  16. RWD is a method, not a feature.

  17. The concept of permanently placing content on a web page for a single browsing width or resolution is becoming a thing of the past. Trent Walton, http://trentwalton.com/2011/07/14/content-choreography/

  18. Like bringing a knife to a gunfight Andy Clarke, https://speakerdeck.com/malarkey/bringing-a-knife-to-a-gunfight

  19. Next Steps web-support@ucl.ac.uk

More Related