So, let’s say that you’ve had the call from your web designers, and they have said that they want your opinion on the design of the website that they just designed. They put the website on a large television screen, and you think that it looks absolutely brilliant.
The colours, the forms the way the pictures of been laid out your extremely happy with the final design.
It’s just when, you signed off the design, that you start to see that the bounce rate for the mobile version of the website is sky-high, it’s absolutely through the roof, and the analytics is saying that the bounce rate is abnormally high.
So why is this?
When it could be because your designers have poured all of their time and effort into the desktop version of the website, and when you have seen the mobile version, well it looks a bit rubbish, for example the main menu is very tricky to use, the font is hard to read and it doesn’t slow down fast on a smartphone.
Well, this is no good is it, a poor-quality mobile design could cost your business.
The solution therefore is to design a well-designed mobile version of the website, therefore ample time needs to be put into designing the mobile version make sure that it looks quite simply brilliant.
So, if you are about to wander into your web designers’ offices, to sign off the final design, make sure that your website looks brilliant on both desktop and smartphone’s.
What are mobile wireframes?
You know when somebody is painting in oil painting, often they get the rough sketch of the design down first, that’s so that they can then concentrate on starting to lay all of the finer details and the colours that are needed.
So, a good web designer will often the start to build what are called mobile wireframes, this is so that they can start to build the outline of what the mobile version of the website looks like.
Therefore, we would highly recommend that you have a really good design for the mobile version of your company website. The reason for that is, so many people now buy products and services from their smartphones, whether that be an android phone or an iPhone, people simply want a mobile website that easy-to-use, is fast, and allows them to find the products that they want quickly.
Therefore, your web designers, should design a mobile version of your company website using wireframes.
Apps and mobile websites
A lot of businesses, here in south Wales, will have a desktop version of their website, a mobile version of their website, and also an app designed as well to help sell products.
Therefore, your web design company, should design an app, desktop version and a mobile version the works across android as well as Apple devices.
Test, test again and then test some more
Your web designers might spend in excess of 1000 hours designing the mobile version of your website, yet if there are any glitches, then this could lead to you losing sales.
So, for example let’s say that the mobile menu doesn’t work on some smartphones, if this problem is not fixed and you could potentially be missing out on sales.
Therefore, when you’re having website designed here in Cardiff, what we would recommend, is that a lot of time is spent testing to make sure that everything works as it should.
What you don’t want to happen is for a glitch to occur with the website, for example the main menu doesn’t work, then this could cost you sales.
What is mobile-first design?
As any good web developer will tell you, a large percentage of the visitors that visit your company website, will visit the website via a smart phone or a tablet. This is why it’s really important, that the web designers and also the web developers concentrate on designing a well-designed website for your business.
Mobile first design, is concentrating on the mobile version of the website, which should be well-designed, and also fast. It should work on all mobile devices, whether they are android, and the should also work on all Apple iPhone devices and tablets.
Think about the colour contrast
You need to ensure that the text on your website is very easy to read, for example if you use a font colour which is similar to the background colour, what can happen is that it makes the text very difficult to read.
When you consider that the text on a smart phone, or a tablet is going to be very small, if you use the wrong colour text, in terms of it is to similar to background, you might make the text very difficult to read, which might mean that your website has a very high bounce rate.
Therefore, you should work closely with your web site designers, to make sure that when you are creating what is called the brand guidelines, that the font that is used, is easy to read, and that the colour font is easy to read against the background colour of the website.
You should make sure that the font is easy to read, whether it is on a main page, a blog post or the footer of the website for example.
The size of the font on your mobile version of your website, might be difficult to read for some people. Therefore, you should work with your web designers, make sure that the font is oversize which can be easily read.
You might want to use bullet points, for a lot of the product descriptions for example, your customers might find these easier to read.
Your website needs to be simple to navigate, consider using breadcrumb navigation, a main menu that is easy-to-use or a drop-down menu which is very simple to get to the products or the services that the customer wants to purchase.
Make sure that the navigation, such as the main menu, works on all devices, whether they be Apple or android, test and see that the main menu works on smartphones and tablets.
A mistake that we have seen before is that the font that use on the main menu, on the mobile version of the website, is the same colour as the background, so the text can’t actually be read.
This is called cloaking, and it can lead to search engine optimisation problems as well. And you can also mean that your customers won’t be able to use the main menu this is why we would highly recommend whichever web design company that you do hire that they test everything to make sure that it all works correctly.
Lastly what we would say is that good web design, means that you should leave the breathing space, what do we mean by breathing space?
Well breathing space simply means using white space two separate paragraphs of text and to make your website look less cluttered.
For example, let’s say somebody is looking to hire a solicitor, and they land on one of your main service pages, if they see a lot of text, and there’s not much white space this simply 3000 words of text, the customer might be unwilling to start to read that writing.
What they might prefer is shorter paragraphs which get straight to the point.
They may want a call to action, such as a button, which simply reads do you want us to call you back?
By adding this call to action, the visitor can simply add their phone number and name, then your business can call them back.
So therefore, your web designers, should concentrate on ways which they can help your business to generate more sales.