MENU

How to make your website mobile friendly

April 26th, 2015 by
responsive mobile website conversion

NO YOU DON’T NEED A NEW WEBSITE TO MAKE IT WORK ON MOBILE AND TABLET

As a web developer I know that the majority of existing websites can be converted to be mobile friendly and tablet friendly using the very best practices available.

After reading many articles about making existing websites mobile friendly and slamming my face onto my desk I decided to let the world know (or whoever decides to read this) that you can convert your website to be mobile and tablet friendly without needing to build a new website or using pay monthly services such as bmobilized and dudamobile.

Our method can convert your existing website for mobiles and tablets which will not affect your LIVE website! Visitors will still see your website, you can still edit your website and people can still purchase during the entire process. It can also positively affect your business marketing

Having had many clients come to me with the dilemma of wanting a new website (because digital agencies sold them the idea of needing a completely new website) we have decided to offer our mobile website conversion services. No new website, no separate website – just your own website converted to work on mobiles using responsive design.

Why choose a mobile conversion as opposed to using a “m.” mobile site?

Although a website such as “m.yourwebsite.co.uk” may look similar and seem to work exactly the same as a fully responsive website, the “m.” website is actually an entirely different website. 2 websites mean more maintenance because you need to update both websites when making changes.

This type of website hasn’t been the preferred method of mobile friendliness since the introduction of responsive web design (RWD). Responsive Web Design works with your existing website code to serve a different “style” of website depending on the device you are using. Changes made on your main website will automatically be the same on mobiles and tablets.

Here’s another advantage to using Responsive Web Design

With the introduction to Responsive Web Design there have been many other ways to improve your mobile website which many ‘m.’ websites struggle with such as using a mobile-first design and progressive enhancement.

What is a mobile first design?

Mobile first design is the idea of making a website load elements which are only required for mobile devices first. Then as the screen size gets larger, more elements and resources are required which may have struggled to load on a mobile device.

For example a mobile developer may decide that an animated banner is going to make a website load slowly on mobile phones so they will only ask the browser to load it when on larger devices such as desktops which can handle the larger elements more easily.

What is progressive enhancement?

Progressive enhancement is achieved when a developer slowly introduces elements to a website when support for those elements increase. The example above would apply – a banner is added for larger desktops which most likely have faster internet speeds than mobile.

Important Mobile User Experience considerations

Mobile website load speed

One of the most important factors include your mobile website loading speed. Its is important to remember that mobile phones are exactly that “mobile”. So some devices may be using 3g connections IF THEY’RE LUCKY!

People on mobile are usually in a hurry – they may be in a store to check out a product whilst shopping or on route to find a restaurant close by so they need to find this information fast. Loading large images and pages on this kind of connection can be a killer for your website and your business.

Mobile Navigation

Make sure your main navigation is easy to use – is it smaller than a finder width? Might the larger fingered individual accidentally click 2 buttons at once? Are clickable buttons obviously clickable?

Studies suggest that only 10% of the population are left handed. So ensuring the navigation button or menu drop down button is aligned to the right would make 90% of visitors more capable of accessing the dropdown menu making it a lot more user friendly.

Cater for larger mobile devices

With devices getting larger and larger the ease of reaching the top left corner of your screen just keeps getting worse and is becoming more of a struggle. I have stuck with my iphone 5s for this very reason! Its just frustrating!

Sorry Apple but you have lost at least 1 sale of an iphone 6 because I find larger screens so much harder to navigate. Don’t make your website one of those things to be avoided. Make sure each important element is easily accessible!

Heres some great points to have your website converted:

  • As of 21st April 2015 google announced a boost in ranking for responsive websites.
  • Increases visitors time on site (correlates to better rankings).
  • Decreases bounce rate (correlates to better rankings).
  • No downtime of your website.
  • Majority of websites can be converted, most can be completed in less than a week.
  • No expensive re-build.
  • No loss of rankings or website existence.
  • Improve visitors experience and avoid shopping cart abandonment.
  • Increase conversions.

See some options below for website conversions:

You can buy the conversion package on our website convert your existing website page.

Standard website conversions cost £299

Ecommerce website conversion cost £499

To see if your website would qualify for a mobile friendly conversion please Contact us. You can also check your mobile website responsiveness using googles very own mobile responsive test.

Name

Email

Phone Number

Message

Confirm Below
Please prove you are human by selecting the Cup.