Whether you’re booking event tickets or ordering your weekly shop, in 2016 we as the consumer rely on our phones to provide information and services more than ever. Your mobile website will fast become the new face of your business, and many companies now design responsive websites. When a site is responsive, the content rearranges depending on the device it’s displayed on. But what are the benefits of a responsive site and how does it differ from a dedicated mobile site (mobile optimised site)?
A study by iAquire revealed that a massive 40% of us will choose another result if a website isn’t mobile friendly. When a site is responsive, the content rearranges depending on the device it’s displayed on. Responsive sites are built with the user in mind – you don’t need to pinch or horizontally scroll the screen in order to read text, and the fluid layout means content is always contained in easily readable blocks.
According to Google, more than half of internet searches now happen on mobile. Google doesn’t like content repetition, so having a separate mobile website could affect your ranking. If your site is responsive on the other hand, there is only one indexed URL – making the content unique and original. UI also comes into how your site is ranked. If your site isn’t easy to use, your bounce rate will generally be higher – and search engines notice this.
Easy to maintain
With responsive sites, everything is automatic. On smaller devices, your text will wrap to fill space effectively, images will resize and the fluidity means elements will stack and rearrange as the screen narrows. Not having to create a separate site will save you a lot of time – which you can instead invest on perfecting your site design and overall user experience.
Made for the future
Because responsive site content is based on percentages rather than pixels, the design can support a wide range of devices at once. Reacting to any screen size means your website is already prepared for new devices that come into the market.
How you can stand out
According to a study by Google, there has been a 20% increase in online sessions through mobile over the past year. However, the amount of time spent per visit has decreased by 18%.
What can this be attributed to?
Consumers use their phones to satisfy their needs in-the-moment, and our attention is often on more than one want or need at the same time. Google call these micro-moments: ‘We turn to our phones with intent and expect brands to deliver immediate answers. It’s in these I-want-to-know, I-want-to-go, I-want-to-do, I-want-to-buy moments that decisions are made and preferences are shaped.’
So, how do you create a great experience for your visitors with a Moonfruit responsive website?
It’s important to know how to present your website effectively so that your site isn’t just there, but provides the information your visitor wants, when they need it. Explain what your company can do for your visitors – including what makes you special – using clear, concise language that focuses on your message.
Single call to actions
A call to action is a click-through link, usually a button, that asks for specific engagement with the website. Give your CTA a standout colour and place above the fold for maximum visibility. Use simple copy beginning with a verb – ‘get started’, ‘learn more’ and ‘contact us’ are all effective. Remember to test a few CTA options to see which has the best effect on your conversion rate.
One of the main focus points of mobile design is building something that’s quick to load for viewing on the go. When it comes to images, think quality over quantity – choose photos that are useful to your visitor and reflect your company as a whole. At Lobster you can download unique and authentic user-created images for your website. Search by location, resolution and even colour palette used to find the perfect images to resonate your brand message.
Navigation that’s effortless
A navigation menu you create with desktop users in mind may not be the best option for mobile devices. When your mobile visitor lands on a Moonfruit responsive page, the menu switches to a mobile-friendly ‘hamburger’ design. You can even create a fixed menu that scrolls as you go, so visitors can navigate your site with little friction, from wherever they are on a page.
Making the switch to a responsive site gives you the best opportunity to reach a wide audience across a range of platforms. Responsive design provides a fantastic user experience and allows you to stay ahead of new technology, making it a real long term investment for any growing business.