It is common knowledge nowadays that people are accessing the internet from all sorts of devices – from tablets, to mobile devices to desktop computers. As we’ve progressed throughout the past few years, an increase in mobile device usage vs. desktop computer usage has presented itself; in 2017 more than 55% of aggregated internet usage was from a mobile device (link).
With this move to the mobile device comes an increased need for websites to function in a mobile device environment, yet we are still seeing poor functionality and design when viewing websites on a cell phone screen. So how can you identify if your website is performing best in a mobile environment? Below are 2 very useful tools in identifying if your website is best suited for mobile uses.
1. The Responsive Test
Quite possibly both the easiest and most important test of all is the responsive test – are your website’s elements responsive on different screen sizes? Not only is this important for the usability of your website, but Google’s algorithm also hinders websites that are not responsive, so if you’re goal is to show up in the top position rankings on Google, then you better aim to score well on this test.
To begin, using a desktop computer, open your website in your internet browser while your browser is in ‘full screen’ mode. Once your website’s homepage has loaded, click the ‘downside window’ icon in the top right-hand corner of your browser, next to the close window icon (pictured below).
Now, slowly begin dragging the the right side of your browser window edge to the left, making the browser window thinner & thinner in a horizontal fashion. This resizing will take your browser window first down to tablet size, then when compressed enough, into mobile window size.
IF your website is indeed responsive, your website’s elements will begin to re-position themselves as the window size changes, in order to be organized in the most efficient and usable manner possible. IF your website in NOT responsive, you will notice a portion of your website become out of view in the newly sized window, which is a MAJOR problem and indicates a failure of the Responsive test.
2. Google Mobile-Friendly Test
The second test, brought to you by Google, is a very simple, straight-forward tool to identify whether you website is mobile friendly or not.
Google Mobile Friendly Test: https://search.google.com/test/mobile-friendly
Simply type your URL in the space provided and submit, and Google will provide you with a detail report indicating whether your site is mobile friendly and also what elements on your site can be improved to make your website more mobile friendly.
In conclusion, in an internet where mobile device usage is becoming more and more prevalent, if your website does not pass either of the above tests, its definitely time to consider getting a new, mobile-friendly website created.