Why do some websites constantly win in popularity rankings, and others don’t attract users despite spending enormous amounts of time and money? The most important reason is the way they are set up to interact with visitors. Let's take Etsy.com as an example. Navigation, recommendations and the purchase process are optimized to make customer's life as easy as possible. If, like Etsy, you want to be more UX friendly, learn how to avoid the UX mistakes listed below.
1. Forgetting about first impressions
They say that you only get one chance to make a good first impression. Imagine that you are organizing a party for some clients and you invite them to a good restaurant for dinner in order to celebrate success or discuss possibilities of cooperation. Regardless whether they are your existing clients or potential investors, you care about making a good first impression. The same is with websites—you only have a few seconds to convince visitors that it is worth taking the time to get to know more about a company, product or service.
When designing a website, it is worth remembering that users have a strong tendency to scan the site in accordance with an “F” pattern. This has been confirmed by the Nielsen Norman Group study, which examined the movement of eyeballs while browsing dozens of pages, noticed that the eyesight will follow the headline, then a few points under it and another header and so on down the page. This is how recipients quickly decide whether they are interested or not.
2. Overlooking disabled visitors
With a little effort you can make your site more accessible to people with disabilities. According to the 2018 Disability Statistics Annual Report from the University of Hampshire, it appears that in the U.S. 12.5% of the population have some degree of disability, of which 2% have a vision problem. Orienting people with disabilities and even using their help in designing a website can have many benefits for your company. Tom Pokinko, Research Director at Open Inclusions, says:
(...) design with disabled people and the elderly helps to create better products and services for everybody, which leads to a better brand experience overall. For example, websites and emails with small or low-contrast fonts are hard to read for people with visual impairments but also for people with tired eyes or people who experience glare on their mobile phone screen.
He goes on to compare the needs of the disabled with those diagnosed with dyslexia.
Similarly, unclear messaging and visual design with confusing layouts or distracting visuals make web pages difficult to understand for dyslexics, (...) non-disabled visitors, especially those who happen to be distracted, stressed, needing to find information in a hurry, or who are not native language speakers.
That's why it's a good idea to make your content management system available to recipients so that they can choose the font size and set the color contrast.
Also remember to add a description (ALT) to your photos and videos. They will be much more legible for recipients, especially those with vision problems who use software for the blind on a daily basis.
3. Not using the right words (or too many...)
You’ve seen that many pages that suffer from an excess of descriptions and specialist vocabulary. Too often brands want to put as much information as possible on the website but still don’t reach customers with their basic message. Let’s go back to the metaphor of the client dinner meeting. Will all the meals and drinks be served right away, along with a conversation about business issues? Or is it better to start with an appetizer and ease into things? It's not just courtesy, it's behavior that has a rational explanation behind it. First, we want to get to know our guest so we can match the amount of content and the level of advanced vocabulary to the needs and level of customer knowledge.
In graphic arts, there’s a trend of less is more and it can already be called a standard because its popularity is constantly growing, especially among UX specialists.
The same is happening with content. As UX writing develops, the trend is towards condensing content to a minimum. It's worth getting to know him better, not to kill the conversion at the beginning.
4. Forgetting about breadcrumbs
While the technologies that stand behind our products and services should be advanced, websites and mobile applications should be as simple and intuitive as possible. This won’t happen if you forget about breadcrumbs. When deciding how to use them, you can follow giants of e-commerce like eBay and Walmart, which use the two most popular and the most helpful types of navigation paths:
- based on location, showing where we currently are on the site. Using the navigation bar, customers can easily switch between higher and lower categories. The example navigation bar can have a layout like: Department> Sub-department> Item category> Item
- based on the attribute, most is often found in e-commerce. They rely on filtering the page by either adding rewards to products or content that interest us, or using product categories that will filter the page according to our needs. In this way, we can determine the receipt of notifications about a product that meets the specifications we specify or filter products according to a few interesting attributes.
If you care about the SEO of your website, remember that the use of breadcrumbs is a good way to improve internal linking within the site and to strengthen the structure of your site links. If you do it right, the bounce rate on your site will drop because customers will find the content they're interested in by navigating the site themselves.
5. Making customers have to think about what to do next
"What do I have to click now?" Is the worst question a customer can ask about your website. It means that the client wants to know more, but your website doesn’t make it easy to do. Remember that a good website is easy to navigate. Decide which elements on your site are the most important and distinguish them with color, contrast, size or positioning on the page. If you don’t do it and there are too many options on the site, the client will not know what to do.
When we feel like we have no choice, we feel controlled and frustrated but in the face of too many options, our satisfaction also decreases. If you don’t know what to highlight on the site, use analytics and check how visitors typically navigate your site. This is important for your conversion, because studies show that the paralysis of choice causes a drop in sales.
If you see that the decision-making time on your site is longer than it should be, you can also use Hick's law. Thanks to its implementation in critical situations, you can enable customers to make quick decisions. Let’s say a customer abandons a shopping cart but comes back to look through your online store again. Most likely, the problem is related to choosing a product from a wide assortment. The solution is to display dynamic content with a focus on one product. In this case, less (information) means faster (make a purchase).
6. Not being clear with your CTA or using too many
Many pages have problems associated with their CTAs, usually related to failing to make it clear what they will do.
It’s important to remember that buttons prompting users to take action must fulfill certain criteria:
- The button should stand out visually from the rest of the page. Carefully consider its color and size.
- The order of the buttons matters. Ask yourself what order the users expect. What should be the default and what will be additional options. If you still have doubts, Nick Babich's article may provide an answer.
- The color of the button also matters. Vivid, bright colors make us understand that clicking will result in something. Colors also trigger specific associations, red is associated with negation, and green with acceptance, while orange or yellow is a warning.
- Too many buttons - just like in the point about paralysis of choice, customers do not know what to click and usually do not click on anything as a result. You decide what you want to stand out on the page, limit yourself to one button section.
- No interaction after clicking - make sure the customer knows that clicking something has resulted in some kind of action.
Often when voting or subscribing to a newsletter, there is no feedback for the customer. Remember to display a thank you message.
7. Asking and asking (and asking)
Do you know someone who likes to fill out forms? Probably not, because nobody likes them. If you have to use them, remember to add them in moments where you give something to the user in return. Something for something sounds fair, right? It is best to offer something like a discount code or some promotional offer when you ask users to complete something like survey or provide information that will help you.
It happens that sometimes we have no choice but to include a contact form, regardless of whether the customer receives something from us or not. This is the case when registering customers before buying or when receiving complaints. In case you need to ask something, remember to make your form:
- Easy to finish with autocomplete options
- Equipped with autosave
- As short as possible
- Display in a way that does not require users to click to expand it
Always thank users for completing forms. If possible, put your thanks in the form of a reward of some kind. Remember, everybody likes to get stuff!
8. Not saving what can easily be saved
You should know that there is something that irritates clients more than filling out forms—forms with no autosave. Imagine that you are buying a plane ticket and the purchase form consists of four steps. When you finish your purchase, you realize that you have entered an incorrect ID number. You click the step back to change the wrong data and quickly learn that all the information you’ve already filled in is gone and you must complete everything from the beginning. Now everything takes twice as long and you’re twice as frustrated.
This is obviously not the experience you want customers to have so what can you do to avoid it?
- Enable autocomplete on all forms
- Use tools that can check that information given fits standard formats in order to help customers avoid simple mistakes and typing errors
Making the process as smooth and hassle-free as possible means a happier, more engaged customer, which is exactly that kind of customer that spends more!
9. Distracting attention away from what matters most
We started with the first impression, let's end with the last impression because it has a significant impact on conversions in the long-term. If a site bombards us with lots of distractions like pop-ups or intrusive ads, it makes it hard to buy anything. Not only because of so-called banner blindness, but also due to the interruption of the shopping path.
When your customer adds a product to the basket and wants to finalize the purchase, there’s no time for anything that takes them off this path. What kinds of things can distract the customer in the final stage of shopping? Well, think that you are buying a "premium product", and at the last stage of purchase you see an empty box that says “10% discount coupon for premium products”. If you have not received a voucher, you will start looking for it, perhaps outside the store page. Let’s go back to the idea of less is more - opt out of unnecessary elements on your website, and the closer you are to making the sale, the fewer choices you place in front of the customer.
10. Not testing enough
In the introduction, I wrote that effective pages are usually similar, but these similarities are quite obvious. Take the assumption that you do not know everything about your clients, you do not know how their preferences will change and so on. This means that you want to constantly monitor their actions and collect statistics about them. Running A/B test on each element of the site is very important to identify the needs of customers in a timely manner. Among the tested items should be:
You determine which clients to test, which elements you want to check and at what time. Do not forget that tests are carried out constantly and for more than one subpage or form. Check the product page, examine the process of order fulfillment and the appearance of messages sent through various communication channels. What works statistically for competitor sites may not work for you, so make A/B tests a permanent part of your marketing schedule.
“If you have a difficult task give it to a lazy man — he will find an easier way to do it.” Hlade’s law was first published in the “Murphy’s Law Book Two: More Reasons Why Things Go Wrong” in the 1980s, but it is still applicable. In the fight for customers, the one who can simplify their lives wins. That is why it is so popular to design websites that use a simple form that are personalized for recipients and where the content is condensed.
A good UX design means that users don’t have to stop and think what to do next. We lead them to the site and direct them to the right places without many complicated and time-consuming steps. Remember the Less is More principle and keep things simple from the beginning. Good luck!