UX design plays a vital role in effective web design. User Experience design is a part of the web design process that improves usability and ensures that the users are satisfied with the overall design of the website.
From Wikipedia:
User experience design (UXD, UED or XD) is the process of enhancing user satisfaction by improving the usability, accessibility, and pleasure provided in the interaction between the user and the product…
Your product or service might be the best in your industry, but if your website UX is below standard, then you will experience a high bounce rate as well as poor conversion rate. These common mistakes can be avoided for a better UX design and retain users.
Focussing More On Background Image Instead Of Content
Using a full background image is a popular trend in the web design industry. But, some website owners don’t understand the concept of using background image to highlight the content above the fold and draw attention.
There are many websites I came across where my eyes instantly go to the background image, but I did not find any content above the fold and I had to scroll down to get the information about the websites.
These websites clearly failed to use the effectiveness of background image. A perfect background should not grab too much attention. Instead, the main title and the text of the website should grab the attention.
Too Many Form Fields
Another common mistake tonnes of websites make is by keeping too many fields into the forms. Whether you use the form to sign up or to contact with you, nobody likes filling out long forms. Having too many fields into the forms can kill your website conversions. Therefore, when designing the forms add only the most important fields that are really necessary. Eliminating unnecessary fields can significantly boost your conversion rate.
Don’t trust my words?
Dan Zarrela at Hubspot analyzed over 40,000 of their customers and revealed that conversion rate improves by almost half, when the number of form fields is reduced from four to three.
Having Too Much Text
Chartbeat found 55% website visitors spend less than 15 seconds on a webpage. The majority of the web visitors just glance through the bullet points and bold texts rather than reading long paragraphs. If you add too much text on your website, most of the people won’t bother to read a big chunk of text. So, here less is more as long as your content can convey the required message to the audience.
People like visuals and they are much more engaged with visuals. When designing keep in mind not to overload the page with too much text and offer some visual contents like attention-grabbing images, video clippings and infographics.
Let me share a quote from Hubspot blog I recently came across:
90% of information transmitted to the brain is visual, and visuals are processed 60,000X faster in the brain than text.
Not Being Responsive
Responsiveness allows websites to change layouts according to the visitor’s screen resolution, whether on a smart phone, tablet or desktop. It ensures that a website looks perfect from all device.
Nowadays, so many people are browsing websites from mobile phones and tablets.
The number of people using mobile devices outstripped people on desktop computers in 2014. – Jim Edwards, Business Insider , April 2014.
If your website is not responsive, then people will find your website broken, and they will leave your site with bad user experience. Therefore, you need to make sure that your website is responsive so that people can use it irrespective of the devices they use.
Lack Of Breathing Space
Another major mistake designers make is placing too many elements in a single page. Having too many elements in a single page means more elements competing to draw attention. The best solution is keeping some breathing space highlighting something important like your call to action button, form or product image, etc. Having plenty of breathing space or white space in your website guides your audience attention to the most important components.
If you don’t leave enough white space, then your potential audience may miss the most valuable information. When a website strikes the right balance of breathing space, it’s much easier for the visitors to process with it.
Low Contrast
Low contrast has become a trend these days, but if can’t do that properly, you can have severe issues. Having low contrast in a website can make it harder for the visitors to read the content. Therefore, you should not use low colour contrast in the main body of a text as this will make text very hard to read for some of your users. In the main text, the contrast should be optimum.
If you still want to go with the low contrast, then choose the font wisely so that your visitors can read your content easily.
Slow Page Loading Speed
Majority of the web visitors expect to load a page within three to four seconds. If a webpage takes more than of that to load, it means that the visitors are having the bad user experience. A delay in loading product description and images or slow checkout process leads to huge bounce rate.
Aberdeen Group study found that one second delay in page load time equals 11% less page views, 16% decrease in customer satisfaction, and 7% less conversions.
Moreover, slow loading speed makes negative impact on search engine ranking.
So, to offer better user experience you need to make sure that your loading speed is less than 3 seconds. Here are few tips you can follow for faster loading:
- Optimise your images.
- Reduce redirects.
- Don’t use too many plugins.
- Minimise HTTP Requests.
- Reduce server response time.
No Clear Call to Action (CTA) Button
Every website has a particular goal, and if you have a website I am sure you have a particular goal too. Whether you want your visitors to sign up, make a purchase, request a quote, or simply call you and it’s important to let your audience know what you want them to do.
Your CTA button is what tells the visitors what action they should take in your website.
I came across many websites with no clear call to action button. Your CTA button should stand out from the rest of the page and make it easy for the visitors to take your desired action.
Creating Visual Clutter With Lot of Fonts and Colours
A perfect design is not about using a variety of fonts and colours. The perfect blend of both make a website appealing. Some designers use too many while designing a website which actually makes a website look cluttered.
As a rule of thumb, you should not use more than three colours in your design scheme and use only one or two consistent fonts throughout the website. Never use too stylistic fonts that make tough for quick at-a-glance reading.
Final Thoughts
Improving UX is a continuous process that can only be achieved with regular research, following the best UX tips and testing. I hope these nine mistakes outlined above will help you make more user-friendly websites.
[This post first appeared on AdPushup and has been reproduced with permission.]