mobile for ucl webnet, 3 december 2012 dan jackson, senior web architect
TRANSCRIPT
![Page 1: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/1.jpg)
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](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/2.jpg)
![Page 3: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/3.jpg)
![Page 4: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/4.jpg)
![Page 5: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/5.jpg)
The ProblemThe mobile explosion
![Page 6: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/6.jpg)
![Page 7: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/7.jpg)
OCTOBER 2010
37,910
![Page 8: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/8.jpg)
OCTOBER 2011
97,308
![Page 9: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/9.jpg)
OCTOBER 2012
240,620
![Page 10: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/10.jpg)
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](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/11.jpg)
![Page 12: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/12.jpg)
Unique combinations of screen resolution + OS,
Aug – Nov 2012?
648
![Page 13: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/13.jpg)
The OptionsWhat can we do?
![Page 14: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/14.jpg)
OPTION #1
Go Native
![Page 15: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/15.jpg)
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](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/16.jpg)
![Page 17: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/17.jpg)
OPTION #2
Experiences
![Page 18: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/18.jpg)
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](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/19.jpg)
![Page 20: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/20.jpg)
OPTION #3
RWD
![Page 21: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/21.jpg)
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](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/22.jpg)
The ChallengeChanging the way we work
![Page 23: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/23.jpg)
RWD is a method, not a feature.
![Page 24: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/24.jpg)
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](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/25.jpg)
![Page 26: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/26.jpg)
![Page 27: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/27.jpg)
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](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/28.jpg)
![Page 29: Mobile for UCL WebNet, 3 December 2012 Dan Jackson, Senior Web Architect](https://reader038.vdocuments.net/reader038/viewer/2022110304/5518c155550346881f8b55f8/html5/thumbnails/29.jpg)
Next [email protected]