Top Common Mistakes UI/UX Designers Make

Top Common Mistakes
UI/UX Designers Make

September 21, 2020
Scroll Down

Putting much attention to creativity rather than usability:

If you add too much self-righteous creativity but ignore the usability, then no matter how great the idea is, it will be abandoned by the user.

Designed this Craigslist concept for a challenge, and won the 2nd place, but …

Letting trends guide your thinking.

Most of the things you see on Dribbble or Behance can’t and will never make it to reality, because of their usability and lack of good user experience.

Not-responsive design.

Even though responsive design is a term everyone knows know, there are still websites that are not responsive in different screen sizes. Responsive design makes your website flexible across all of your users’ screen resolutions and devices and it is one of those mistakes you should not do.

Unintuitive Navigation

Your website navigation should be crystal clear, and it should always meet visitors’ expectations. Place the website elements they expect to find it.

Cool concept I did for an IKEA Product, looks great but take a deeper look into the Navigation.

Designing without content.

It is important to understand that content is the most important part of the website, what they don’t keep in mind when designing using Lorem Ipsum is that this content will be later replaced by the final content later, and will not look that good, it might not fit probably or look to empty.

Hard-to-Read Fonts

If users cannot read your website easily, they will leave and find a better, more legible competitor. Always use only web-fonts. Also check online for other rules related to line spacing, line length & font size.
Golden rules for line spacing:
-For optimal readability aim for about 140%-180%
-Limit line length to 70–80 characters.
-Font size should be minimum 16pt.
-Small fonts need more spacing.
-Check your line spacing when you change font or font size.

Poor Contrast

Low Contrast = Lower Usability
Contrast in Color: Use color scheme generator to generate perfect color combinations for your designs.
Use contrast checker tools
Contrast in Size: Create a hierarchy using big headings to catch the visitor’s attention and small font sizes for less important stuff.
Contrast in Alignment: Alignment allows the viewer to easily identify related elements.

Unintuitive Buttons (CTAs)

Most of the navigation happen s through buttons, avoid Buttons that are too small, Buttons that are hard to see & that are in the wrong places.
-Color: A CTA button should stand out from the background and grab a user’s attention.
-Size: A CTA should be big enough to stand out, but small enough to be inviting.

Don’t Make me think Twice — Steve Krug

Bad Form

Forms are on all websites, also bad designed forms.
Most languages are read from right-to-left, top-to-bottom, and that’s a good starting guide to help you design better forms.
The most common mistakes designers make is creating a bad connection between Label Name and Form Input by not paying attention to spacing and grouping of elements, getting the users really confused.

Posted in Branding, Mobile Application, UI/UX, Website Design & Development
Write a comment