5 tools to streamline your frontend development workflow in 2018
16th February 2018
April 21st 2017
The term “Mobile first” has been around for a few years now and in general it means that designers/developers focus efforts on designing websites for mobile devices at the beginning of the project and then work their way up to larger screens such as tablets, laptops and desktops. The main reason for this approach is it allows time for the attention of customer journey and conversion rates on smaller screens whereas in the past this has been more of an after thought with the majority of the attention going towards laptops/desktop users.
The shift in mobile first design has come out from the perception that more people now browse the Internet using their hand held devices rather than a traditional home computer. In November 2016 statcounter.com, with data is based on 15 billion page views per month across over 2.5 million websites, announced for the first time that mobile and tablet usage had surpassed desktop users (51.3% mobile / tablet and 48.7% desktop) worldwide.
This however doesn’t tell us the full story; as we drill into the data we can see that Internet usage in countries such as UK, USA, Australia and Ireland desktop computers still take a slim lead. The dominate force when it comes to mobile usage is India which takes a whopping 79%.
So where should we be focusing our efforts? The gulf in statistics between websites is quite interesting and this seems to be based on whom the client/customer/visitors are, what time of day they are browsing the website and what location they are in. Based on our own website we can see that most of our visitors actually come from a desktop computer rather than a handheld device most likely because they are in an office at the time rather than at home. These statistics go against what the worldwide usage tell us which is why it is important to understand your existing customers before taking on a new design.
Anyone that has Google Analytics can set up a custom report which outlines what screen size your current visitors are on. https://css-tricks.com/google-analytics-can-show-screen-resolution-%E2%89%A0-browser-window/
If you’d like to find out more about designing websites with the user in mind, we’d always love to talk about it! Get in touch here.