Mobile Web 2013 - Time for Action

885 views

Published on

2013 is the time for action moving websites to mobile optimised platforms and designs. This presentation includes some examples of responsive design, responsive menus, various mobile statistics to do with adoption, and other advice on some of the requirements of a mobile website.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
885
On SlideShare
0
From Embeds
0
Number of Embeds
278
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile Web 2013 - Time for Action

  1. 1. Mobile Web 2013Time for ActionToby ParkinsUKNetWeb Limited
  2. 2. Recent StatsThere are more mobile phones in the UK than people
  3. 3. Recent StatsThe number of smartphone searchers doubles every two months
  4. 4. Recent StatseBay sells something via a mobile phone every two seconds
  5. 5. Recent Stats52% of UK mobile phone users have a smartphone
  6. 6. Recent StatseBay forecasts $8 billion in mobile sales this year (one sale persecond)
  7. 7. Recent StatsMost 3g data used by a single user in February 2012 was 573GB
  8. 8. Recent StatsAverage of 4 Ferraris sold on a mobile phone every month
  9. 9. What do we do about it?Consider device capabilities user experience content strategy complete mobile strategy
  10. 10. Device CapabilitiesScreen widths - 2004Widths (pixels)9596101120128176
  11. 11. Device CapabilitiesScreen Widths - 2011 64 116 160 256 640 80 118 162 300 800 95 119 174 320 854 96 120 176 324 1024 98 123 177 345 1280 100 125 178 352 1600 101 128 208 360 102 130 216 384 104 132 220 400 108 136 222 432 110 140 230 450 111 144 232 480 112 150 240 600
  12. 12. Device CapabilitiesRotating ScreensEvent triggers
  13. 13. Device CapabilitiesCheck AnalyticsCatering for every possible device variation will be too expensiveto achieveUse your Analytics data to establish which devices provide goalsand salesWhich devices provide general traffic?
  14. 14. Detection and redirectionHTTP Headers provide informationMozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/534.24 (KHTML, like Gecko) Version/5.0.2Mobile/8C148 Safari/534.24Detection libraries like Tera-WURFL and similar provide vastdevice information resources: eg:Screen resolution; colour depth; javascript; flash support; flash-lite;browser-CSS-bugs; etc.OR: Javascript detection on page. Less reliable though
  15. 15. Detection and redirectionProvide links to “normal” full website viewm.uknetweb.com or normal page?
  16. 16. Content Strategy - decisions and dilemmasHow much content is the right quantity? (Quality?)Mobile devices are used in “mobile” situationsRemember you are the least objective observer(Except when you ask someone for their opinion)Use Analytics to see what mobile users actually do. drop unvisited content to simplify navigationFull or Partial site content?
  17. 17. Content Strategy – generalised guidanceOn the move situations require less contentSimple facts with click for more info linksDirections pages for physical businessesPostcodes for Satellite Navigation systemsLink to Google MapsUse hyperlinked Telephone numbers<a href=“tel:+441872555933”>
  18. 18. NavigationSimplicity is essential – less content?Touch screen button sizeTab sequencesNo hover-over functionality on touch devices
  19. 19. Mobile Web 2013Apps:4th Ranked Apps developer Magma Mobile8/12/10 – 8/1/11 – 4,900,000 Android app downloads(800 paid for app downloads)1 in 4 apps downloaded are never used again
  20. 20. TestingSelect all target devices from analyticsTest, test and test on all target devicesReview your target device list every 6months.
  21. 21. ExamplesSimple nav forpopular pages
  22. 22. ExamplesEnd page links tofollow on contentor actions
  23. 23. ExamplesResponsivedesign
  24. 24. ExamplesResponsivedesign
  25. 25. ExamplesPre-App MobileFunctionsBig Button design
  26. 26. ExamplesPre-App MobileFunctionsEmulation allowsbetter UI/UX dev
  27. 27. Examples
  28. 28. Examples
  29. 29. ExamplesMenu systems
  30. 30. Thank you@tobyparkinstoby@uknetweb.comFacebook.com/tobyparkinswww.uknetweb.com
  31. 31. References:http://www.ft.com/http://www.insidemobileapps.com/2011/01/25/android-paid-downloads/http://www.bbc.co.uk/news/technology-14731757http://mobithinking.com/mobile-marketing-tools/latest-mobile-statshttp://econsultancy.com/uk/blog/6665-is-play-com-really-the-best-mobile-commerce-websitehttp://www.gpmd.co.uk/blog/2012-mobile-internet-statistics/

×