Mobile devices, including smartphones and tablets, accounted for 70% of global time spent using the internet in 2017, up from 65% in 2016. Furthermore mobile devices will account for 73% of internet consumption in 2018.*
A slightly revised global IP traffic from non-PC devices which was 47% of total IP traffic in 2015, will be 71% of total IP traffic in 2020.**
Whereas years ago, you could create a website optimised for a screen resolution of 1024 x 768, test it on Internet Explorer, Firefox and Chrome, make sure it worked on a mac and, be confident users would have a similar experience. Sure there may have been a slight change here or there due to screen resolution but on the whole the job was one size fits all.
Today, people visit websites using many different devices. They use smart phones, tablets, TVs, and PCs and interchange between both sporadically and regularly. Their experience needs to seem seamless as they interact with business and move through their buying process for different products and services.
Luke Wroblewski deserves the credit for coining the phrase ‘Mobile First’. The concept, though alien to most web designers, is probably the most fundamental of all techniques needed in today’s current clime.
The simple yet effective idea is to concentrate on where the majority of your users come from and cater first to them. Second to your next largest peer group and so on.
It was Luke who first expressed that into a simple phrase predicting the increasing usage of mobile devices.
It’s a fact that the majority of all your internet users visiting your site will be on some kind of mobile device.
In simple terms here is what happens with most site website designers.
1. They build a beautiful desktop website, visually spectacular with reasonable load speeds.
2. They go about making that design responsive, removing elements from view and changing screen positions and order depending on the width of the users device.
3. They test the results at somewhere like pingdom.com and wonder why their load times are awful.
WE DO THINGS A LITTLE DIFFERENTLY
The first part of our design is mobile. So we build (still a visually impressive site), understanding the demands of the mobile user.
It is the first design lay out. We then add elements depending on the device screen, therefore reducing the need for loading redundant elements, images and code. This is how we manage to keep not only our page speeds and user scores high, but our user experience rewarding.