To a lot of business owners, being ‘Mobile Ready’ simply means having a template that shapes itself to different devices – be it a mobile, tablet, or desktop. The problem here is that a lot of people just rely on the basic look to act as their mobile website, but is this really the best way to approach it?
The simple answer is NO!
Being mobile ready is more than just making sure everything sits on top of each other. You really need to make it as simple as possible for your customers to find what they need.
So what really makes a website ‘Mobile Ready’?
Quality content is more important than ever before
Making sure your content tells your brands story and gets your point across is vital, and making sure it happens quickly is just as important. With such small spaces, though, you need to decide what is important to your customers. Throwing heaps of information, even if it’s useful, at people on a phone can make them leave your site in frustration.
If you need to hide or change your content to make it appropriate for different sizes, make sure you do it.
Customise your mobile layout
Website templates with mobile-responsive layouts built in (except for mobile-first templates) generally don’t show off your content as well as their desktop counterpart.
Because of this, it’s extremely important to go through your website to make sure you’re getting your main point across as quickly as possible on every major device your customers use (something analytics can help you with understanding). By keeping content easy to read and simple to follow, as well as cutting down on the major fluff inside the content, this is easy to do, but easy to overlook.
Some differences in action
We’ve added a few images below, comparing the old mcclurelaw.com.au website to the current website we are developing to show you a few minor changes that can make a big impact.
One of the easiest changes that can be made is making your menu smaller and easier to look through. Just look at the difference between the original McClure Law Menu and the new website.
The major difference is the ability to open & close sub-menu items, meaning the user isn’t scrolling continuously to find the page they’re after. This can lead to happier and longer users.
Space between sections
Spacing can make a huge difference. By adding just a little bit of space between each element, we’ve made it a lot more aesthetically pleasing.
On desktop, the sections on the old part of the website have a nice bit of space between each of them, but when we move to a mobile view, they are all stacked on top of each other and squashed together. While this isn’t a huge issue, the look seems sloppy and unfinished.
A big thing to neglect is the bottom of the website, or the footer. This tends to site either too far off to one side, or has such small links that are too close together it’s impossible to click them properly.
As you can see, the new footer is a lot easier to navigate and understand, especially with the breaks between each section.
While the technology and idea of browsing on mobiles isn’t exactly new, a lot of people still neglect the mobile versions of their site. If you’re interested in converting your site to a more mobile-friendly layout, get a quote from our team today and we can get your website looking amazing on every device.