UX design must always be focused on the fact users are particular and unique. How to make an error-proof design, which guarantees that the greatest number of users can feel comfortable within a web, software, or app? In this post, we will see the most common mistakes in UX design.
In this article, we decided to separate the mistakes by the groups of usability, which will make the user experience worse than it could potentially be with the flawless UI-UX design. So, let’s get started with the first one.
Errors that make it difficult for users to navigate properly.
Not optimizing the web version for mobile.
Currently, the majority of web traffic comes from mobile devices. Not having a responsive website is one of the worst mistakes.
Excess pop-overs and pop-ups
Nothing that interrupts the user on their way to converting (buying, clicking, subscribing, etc.) can be a good thing. If you need to use pop-ups, schedule their appearance for a scroll point or visit time on the web that allows the user to explore the page before viewing it.
Automatically played videos and sounds
It is VERY annoying to enter a website or app and suddenly having to search for the video that is playing automatically, pause it and then continue what you were doing. Sometimes it even irritates the users to the point of leaving the website forever.
Not considering accessibility
Currently, there are many ways to ensure accessibility for people with functional diversity: visual and hearing impaired, etc.
Make sure the metadata of the images is correct and the texts are legible. In addition, accessibility is one of the ten web design trends of 2021.
You can also use different contrast tools to verify how the web looks from the perspective of people with vision problems. In this way, you will not have to change the color palette but you will be able to consider some options in the buttons or important texts.
For the hearing impaired, captioned videos are a great help.
The user who enters a website expects to get through it mainly by scrolling. It is a mistake to convert a vertically scrolling page into a series of slides that requires each page to load. The user can get frustrated and leave the web.
Keep in mind that some people may need to zoom in to better perceive certain details on the web page. Don't deactivate the zoom.
Menus that are not touch-friendly
It is a mistake to create websites that cannot fulfill their function on a device with a touch screen. If a menu needs to be tapped to be displayed, make sure there is an option for touch screen users. The menu options should also be easy to select this way.
Errors that affect the design.
Not considering the columns and guidelines.
In any design, measurements and proportions must be considered so that the design is harmonious and the web or app fulfills its function.
Not respecting the visual hierarchy
Imagine that this text had the size of the subtitle that is in the previous line and vice versa. It would be difficult to understand at first glance. The right visual hierarchy of texts and elements perfectly guides the user in their journey through the web or app.
Text with colors that make readability difficult
Do not miss the opportunity for an effective call to action by using the wrong background colors and text that make it difficult to perceive.
Very small texts
The standard size of the paragraphs should be 16 pixels, less than that value, it becomes somewhat difficult to read.
Aligning the logo somewhere other than the left
The user will instinctively look for the web logo on the upper left side to return to the main page. Moving it around creates confusion.
Poorly controlled navigation
If the options of the web make the user feel that they don’t have control of their actions, they lose confidence and leave.
Performance errors and loading speed.
The web is not secure
Even if your website does not have eCommerce or doesn’t carry out transactions with sensitive data, the website must have a security certificate.
Links that expel the user from the web
Make sure that the links to other websites that are added to it open in another tab, do not "expel" the user from the page so they don’t lose the opportunity to continue browsing.
Minimalism is a trend, however, a website without clear and explicit information generates mistrust in the user.
Very heavy images
If an image takes too long to load, it loses its purpose on your web page.
Skipping small details
Misaligned items, typing, or spelling errors distract the user and give an impression of carelessness.
Not configuring a favicon
Some people work with multiple tabs open in the browser, it is important so they can locate your website quickly.
404 or non-custom error pages
If you leave a 404 page without customizing, you lose the opportunity to redirect traffic to your website and keep the user there. An example of this, 404 pages should be modified to achieve better navigability on your website.
Not optimizing the loading time
The user loses interest when he has to wait a long time to see all the elements of a web page.
Not achieving a proper harmony when it comes to texts
A word with letters too widely spaced or which stands too close together makes reading difficult, just as a very tight line spacing tires, the eyes and a very spaced one distracts the reading because you have to "chase" the next line.
After adjusting these two items, you need to adjust the spacing between the letter groups so that the paragraphs have as few divided or widely spaced words as possible.
Using too many fonts or fonts that don't match
The harmony between the fonts makes the design stand out and helps to better perceive the hierarchy of the elements on the web.
UX structure errors.
Blank space without purpose or lack of white space
White space should have its function: to make a background image better perceived, to draw attention to a specific call to action, etc. otherwise, it is wasted space. Lack of white space overwhelms the user.
Not answering basic questions from visitors
The visitor should perceive as much information as possible, and he/she should be able to do it without looking to FAQ section: Contact, prices, privacy, and/or refund policies must be very clear for the user. Of course, these questions will depend on the brand and the website, but trust us, unclear and unstructured prices are a big turn-off.
Plainge social networks at the top of the page and in a striking way
If you distract the user and direct them to your social networks, you will make them leave the web.
Unattractive or very generic images
Invest in a good photo session or a good quality image bank.
Ads on unsuitable sites
If the ads attract more attention than the elements of the web or hinder the navigation, they are badly located.
Going straight to design without planning first
As elementary as it may sound, planning requires pencil and paper, lots of drawing, and handwriting. Clear the ideas first, when everything is clear, you move on to designing the software. While we know there may be changes along the way, having good planning saves time.
Too many menus or little hierarchy
It is better to group the items in a menu to improve navigation than to use a menu that requires other actions such as multiple scrolls or confuses the user due to the number of options.
Bonus: Other bugs that hinder the design process and user experience
Design with the target in mind
UX design must be user-centric. The target must be very well defined and clear within the strategy so that the web fulfills its function.
Not having a brand strategy
Having a website that is not aligned with the brand's strategy can generate double work and a lot of expenses.
Thanks for reading and tell us what is your best tip to avoid UX design mistakes!