mobile for ucl webnet, 3 december 2012 dan jackson, senior web architect

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

Upload: lyndsey-linder

Post on 30-Mar-2015

214 views

Category:

Documents


0 download

TRANSCRIPT

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

Mobile for UCLWebNet, 3 December 2012

Dan Jackson, Senior Web Architect

Page 2: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 3: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 4: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 5: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

The ProblemThe mobile explosion

Page 6: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 7: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

OCTOBER 2010

37,910

Page 8: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

OCTOBER 2011

97,308

Page 9: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

OCTOBER 2012

240,620

Page 10: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

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

Page 11: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 12: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

Unique combinations of screen resolution + OS,

Aug – Nov 2012?

648

Page 13: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

The OptionsWhat can we do?

Page 14: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

OPTION #1

Go Native

Page 15: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

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

Page 16: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 17: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

OPTION #2

Experiences

Page 18: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

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/

Page 19: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 20: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

OPTION #3

RWD

Page 21: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

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

Page 22: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

The ChallengeChanging the way we work

Page 23: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

RWD is a method, not a feature.

Page 24: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

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/

Page 25: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 26: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 27: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

Like bringing a knife to a gunfight

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

Page 28: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect
Page 29: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect

Next [email protected]