mobile web 2013 - time for action
DESCRIPTION
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.TRANSCRIPT
Mobile Web 2013
Time for Action
Toby Parkins UKNetWeb Limited
Recent Stats
There are more mobile phones in the UK than people
Recent Stats
The number of smartphone searchers doubles every two months
Recent Stats
eBay sells something via a mobile phone every two seconds
Recent Stats
52% of UK mobile phone users have a smartphone
Recent Stats
eBay forecasts $8 billion in mobile sales this year (one sale per second)
Recent Stats
Most 3g data used by a single user in February 2012 was 573GB
Recent Stats
Average of 4 Ferraris sold on a mobile phone every month
What do we do about it?
Consider device capabilities user experience content strategy complete mobile strategy
Device Capabilities
Screen widths - 2004 Widths (pixels) 95 96 101 120 128 176
Device Capabilities
Screen Widths - 2011 64 80 95 96 98 100 101 102 104 108 110 111 112
116 118 119 120 123 125 128 130 132 136 140 144 150
160 162 174 176 177 178 208 216 220 222 230 232 240
256 300 320 324 345 352 360 384 400 432 450 480 600
640 800 854 1024 1280 1600
Device Capabilities
Rotating Screens
Event triggers
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?
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
Detection and redirection
Provide links to “normal” full website view
m.uknetweb.com or normal page?
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?
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”>
Navigation
Simplicity is essential – less content?
Touch screen button size
Tab sequences
No hover-over functionality on touch devices
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
Testing
Select all target devices from analytics
Test, test and test on all target devices
Review your target device list every 6months.
Examples
Simple nav for popular pages
Examples
End page links to follow on content or actions
Examples
Responsive design
Examples
Responsive design
Examples
Pre-App Mobile Functions
Big Button design
Examples
Pre-App Mobile Functions
Emulation allows better UI/UX dev
Examples
Examples
Examples
Menu systems
References: http://www.ft.com/ http://www.insidemobileapps.com/2011/01/25/android-paid-downloads/ http://www.bbc.co.uk/news/technology-14731757 http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats http://econsultancy.com/uk/blog/6665-is-play-com-really-the-best-mobile-commerce-website http://www.gpmd.co.uk/blog/2012-mobile-internet-statistics/