Mobile Web 2013 - Time for Action
•
0 gefällt mir•924 views
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.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Ähnlich wie Mobile Web 2013 - Time for Action
Ähnlich wie Mobile Web 2013 - Time for Action (20)
Mehr von UKNetWeb St.Agnes
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Mobile Web 2013 - Time for Action
- 1. Mobile Web 2013 Time for Action Toby Parkins UKNetWeb Limited
- 2. Recent Stats There are more mobile phones in the UK than people
- 3. Recent Stats The number of smartphone searchers doubles every two months
- 4. Recent Stats eBay sells something via a mobile phone every two seconds
- 5. Recent Stats 52% of UK mobile phone users have a smartphone
- 6. Recent Stats eBay forecasts $8 billion in mobile sales this year (one sale per second)
- 7. Recent Stats Most 3g data used by a single user in February 2012 was 573GB
- 8. Recent Stats Average of 4 Ferraris sold on a mobile phone every month
- 10. What do we do about it? Consider device capabilities user experience content strategy complete mobile strategy
- 11. Device Capabilities Screen widths - 2004 Widths (pixels) 95 96 101 120 128 176
- 12. Device Capabilities Screen 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
- 13. Device Capabilities Rotating Screens Event triggers
- 14. Device Capabilities Check Analytics Catering for every possible device variation will be too expensive to achieve Use your Analytics data to establish which devices provide goals and sales Which devices provide general traffic?
- 15. Detection and redirection HTTP Headers provide information Mozilla/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.2 Mobile/8C148 Safari/534.24 Detection libraries like Tera-WURFL and similar provide vast device information resources: eg: Screen resolution; colour depth; javascript; flash support; flash-lite; browser-CSS-bugs; etc. OR: Javascript detection on page. Less reliable though
- 16. Detection and redirection Provide links to “normal” full website view m.uknetweb.com or normal page?
- 17. Content Strategy - decisions and dilemmas How much content is the right quantity? (Quality?) Mobile devices are used in “mobile” situations Remember 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 navigation Full or Partial site content?
- 18. Content Strategy – generalised guidance On the move situations require less content Simple facts with click for more info links Directions pages for physical businesses Postcodes for Satellite Navigation systems Link to Google Maps Use hyperlinked Telephone numbers <a href=“tel:+441872555933”>
- 19. Navigation Simplicity is essential – less content? Touch screen button size Tab sequences No hover-over functionality on touch devices
- 20. Mobile Web 2013 Apps: 4th Ranked Apps developer Magma Mobile 8/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
- 21. Testing Select all target devices from analytics Test, test and test on all target devices Review your target device list every 6months.
- 22. Examples Simple nav for popular pages
- 23. Examples End page links to follow on content or actions
- 26. Examples Pre-App Mobile Functions Big Button design
- 28. Examples
- 29. Examples