Mobile User Experience Infographic

Check out our latest infographic. Find some basic key facts bases on mobile user experience and some important considerations when checking out your mobile website.
mobile user experience for mobile devices

Share this Image On Your Site

How to make your website mobile friendly

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 Heart.

Tags:

mobile friendly ranking factor released on 21st April 2015

Yet another reason to make your website mobile friendly

Google has announced that it will be using introducing a new ranking factor to its algorithm. On the 21st April mobile friendly websites may have a new boost in SERP’s.

So is your website mobile friendly?

Now is a better time than any to make sure your website is responsive. Not only will having a responsive website improve your visitors user experience. It has been officially announced by google that on the 21st of April mobile friendly websites will be part of googles ranking factors alongside the other 200+ or so signals google uses to rank your website in search results.

So is responsive web design new?

So for those of you who don’t know already, having a mobile version of your website has been around quite some time now. However the latest advancements in HTML5 and CSS3 made created a mobile friendly version of your website SOOO much better.

Before responsive web design was introduced we used a completely different “mobile” website. This turned out to be quite bad for SEO. The main reason why doing things in such a way was that the mobile version is in essence a completely separate website. Meaning your website was situated on a different domain e.g www.yourwebsite.co.uk would have a different extension instead of the .co.uk for instance www.yoursite.mobi.

What can I do to make my website responsive before 21st April?

Well this depends on your website. Some websites may have a mobile version built into its content management, if you have a content management system on your website its worth doing a little research on google to see if your CMS offers this functionality. If so its usually a simple flick of a button! Do the research yourself tho because some agencies may feel the need to charge you hundreds of pounds to flick that switch!

If your website doesn’t have a CMS with this functionality you could search for plugins which could transform your website. These can sometimes be a little generic and lose some vital UX but if your budget is tight this could be a quick way to benefit from googles newly introduced ranking signal.

If either of the above options aren’t available to you (which will probably be most of you), then you can hire a web designer or front-end developer to create a fluid contrast between tablets and mobile phones altering only your websites CSS to make it responsive. This would again depend on your website but it could take as little as 2 days to complete.

Benefits of a mobile friendly website

The benefits to hiring a third party to make your website responsive is pretty straight forward. I believe visitor user experience comes first and I also believe that google correlates user experience to a lot more of its ranking algorithm than people make out.

Thinking about it from a common sense approach would assume that a website with a poor click-through rate, poor user experience and a high bounce rate would be safe to assume equals a poor quality website for a given search term. Having a GOOD responsive website should provide the following benefits;

  • DECREASE BOUNCE RATE
  • INCREASE CLICK THROUGH RATE (mobile friendly icon in serps)
  • IMPROVE USER EXPERIENCE
  • IMPROVE VISITOR TIME SPENT ON SITE
  • INCREASE VISITOR INTERACTION (commenting, reviewing etc)
  • INCREASE CONVERSIONS (an easy to navigate and use website will convert more)

There really is no reason for your website not to be made responsive. More and more people are connecting to the web on there mobiles. The more visitors that come to a non mobile friendly website will “bounce back” from your site to google search results. This causes a high bounce rate which speculation and common sense agrees google will correlate to a poor quality website.

So what makes a GOOD responsive website design?

Notice I highlighted good responsive web design above? Thats because some mobile friendly websites are pretty rubbish. They strip away so much functionality in order to increase mobile load speed that you’ll be left with virtually nothing but a logo and text. That’s great if you have a blog! But the majority of us don’t, which means eccommerce websites are left without the functionality of their desktop counterparts – who wants that?

This causes a ripple affect and decreases conversions, shopping cart abandonment and all of the other factors mentioned above. Ill try not to go into too much detail because ive wrote a whole article about GOOD responsive web design here.

You check if your website is mobile friendly/responsive by visiting the Mobile friendly website test

Has anything really frustrated you with a mobile friendly website?

Is your website taking too long to load?

Is your website taking too long to load?

Ill show you how you can improve your website load speed with no technical knowledge required, just basic common sense.

Google announced a long time ago that website load speed is a ranking factor in their algorithm, so if you haven’t optimised your websites speed, now is the time to jump on the bandwagon.

If you feel that your website takes too long to load there are a few tools out their which should be your first port of call to understand why your website is taking too long to load. I personally like the one at pingdom tools. This tool will tell you the size of your website, how long it takes the website to load in seconds, the number of http requests and just generally how fast load speed is compared to other websites on the web. You could also use googles built in speed test to check your load times.

Its a good idea to keep websites as fast loading as possible, the last thing you want is a customer getting frustrated with your website and leaving before they have even seen your website. I do this myself and im pretty sure you will have done before too. It seems common sense to optimise your website speed but their are so many sluggish websites out there. Yes we are getting faster broadband and yes their is also 4G now on mobiles and tablets but this is no excuse to neglect your website for the tiny proportion of the population that actually have these available.

Im going to offer you a quick guide on how to optimise your own website in a matter of minutes by following a few simple steps:

  1. First head over to pingdom tools and type your website address into the search bar, click enter. Youll find a screen which looks like this:
    speed-test
  2. Use the information from the first part to get an understanding of your website performance, how does it compare to other websites? Now make a note of how fast your website loaded, the page size, and number of http requests for future reference.
  3. Now go further down the page and you will find what is taking your website so long to load. It’s likely that the largest toll on your load speed are images. These can be compressed and/or cropped to decrease the size. An example of this is here:
    images speed test
    So you can see from the image that their are 4 images,these images alone add up to over 6MB!! That is far too much for 4 images. Just optimising this would have a huge impact on speed.
  4. So your next step is to find any images, I mean any! and compress them to improve your website speed. Goto JPEGMINI.com to compress jpeg images. To compress .PNG images you can goto TINYPNG.com, both these websites are free to use and absolutely amazing for compressing your data heavy images.
  5. Once you have compressed all of the images on your website youll need to re-upload them and re-check your website file size on pingdom tools! Welldone.

Get in touch if you require more in depth speed optimisation.