A bunch of fresh user device statistics

Last year I wrote a post on most common screen resolutions used by people visiting the website I was working on. Those stats helped me to optimise my layout for a typical browser viewport used by potential clients.

As the ‘user agent’ research proved to be helpful in the design process I decided to go for even more detailed research, collecting all important information from a web browser such as: device, operating system, resolution (viewport size in pixels), pixel density (for HD displays).

The research results

Data collected on: www.hamptoncourthouse.co.uk
Time period: 2014-04-28 – 2014-05-25
Visits: ~40k

Device-and-OS-usage-statistics

As you can see Apple owns half of the market of devices used to browse the web, at least in a private education sector (probably more as I have met people using Windows as a main OS on Macs!). Surprisingly there is a small percent of Android users (just above 8.3%).

Browser-type-usage-statistics

As you may expect most people is using Chrome, although interesting is that Safari has quite a large chunk (excluding mobile). Unfortunately there are still many users of Internet Explorer 8 and lower (above 3% of all mobiles and computers). As expected, around 30% of people has high definition displays – most iPads and iPhones equipped with retina display. I also discovered that some Android devices report a 3x pixel density.

Browser-viewport-size-statistics

Not much change here comparing to my earlier research, only a little bit more precise. As this time I wrote the script myself rather than relying on a plugin, I was able to set the graph’s jump to any number (with 1px being extremely accurate and 15px–50px reasonably picturing).

Collecting data

To collect the data I used a JavaScript hooked-up with a MySQL database via an AJAX call and then Google Charts to display the results.
You will be able to read about it and download the source code in my next week’s post.