5 Common UI design mistakes

Even before I got into UI Designing I used to notice small details between apps that make designing better or worse. The fun in UI Design is just that, using apps you like and creating designs you like. To make your experience better, here are some things you should avoid:

1- Unresnsponsive Design

Customers need to enjoy the best features of your website on their small screens. Responsive design makes your website flexible and efficient across all of your users’ screen resolutions and devices. Before publishing the design check how it functions on different devices eg. computer, phone…

2- Pointless inconsistency in UI elements

To make your app sharp and concise be consistent with the font you use. It is not recommended to mix fonts. A consistent design can help you build a better relationship and trust with your customers. Another bonus for apps with consistent fonts is that they help your customers get around easier. 

Things to be consistent with

  •  use of colors for elements like text, links, header, footer, etc.
  •  font styles for titles, paragraphs, links, etc.
  • rounded or squared font, bold and “strong colors”

Note: all elements have to relate to the theme of your app.

3- Drop shadow 

  • Drop shadows are a nice touch, but make sure not to overdo them. 
  • Colors should be lighter and try to avoid black shadows.

4- Buttons 

The difference between the primary and secondary buttons should be visible and easily accessible. 

  • Different visuals for primary and secondary buttons. The primary button is a button with the strongest visual which is bound to get more attention.
  • Use strong colors, bold text, and large-sized fonts to give visual weight to primary buttons. 

For the secondary buttons use lighter colors and font size/boldness.

5- Iconography 

Icons are very important UI elements and therefore it is crucial to be careful when picking the right one.

  • SVG/vectors should be used for icons. It’s the easiest and most efficient way to make your icons look sharp on every device. 
  • Styles should be consistent: 
  • Use your icons to represent your app in the best way possible.

Next week I will continue talking and expanding on this topic. Until then I want to hear your opinion on Mistakes You Must Avoid While Designing. 


Thank you for reading.




5 COMMENTS
  • AffiliateLabz
    Reply

    Great content! Super high-quality! Keep it up! 🙂

    1. Marija Mitrovic
      Reply

      Thank you!

  • Justin
    Reply

    Long time supporter, and thought I’d drop a comment.

    Your wordpress site is very sleek – hope you don’t mind
    me asking what theme you’re using? (and don’t mind if
    I steal it? :P)

    I just launched my site –also built in wordpress like yours– but the theme slows (!) the site down quite a bit.

    In case you have a minute, you can find it by searching for
    “royal cbd” on Google (would appreciate any feedback) – it’s still in the works.

    Keep up the good work– and hope you all take care of yourself during the coronavirus scare!

    1. Marija Mitrovic
      Reply

      Thank you so much!

  • ปั๊มไลค์
    Reply

    Like!! I blog quite often and I genuinely thank you for your information. The article has truly peaked my interest.

Leave a Reply to ปั๊มไลค์ Cancel reply

Your email address will not be published. Required fields are marked *