UI and UX micro-tips: part 1

Sometimes it only takes minimal adjustments to your design to create effective and beautiful interfaces.

Sometimes, simple settings are enough to get the result that your customers, users and yourself will be happy with.

In this article, I ve put together a selection of small tips to help you effortlessly improve the design and usability of your project.

The second part of:

Let s get started.

1. It is perfectly normal to use purely decorative elements from time to time.

Yes. Most of the text content on the screen should follow the usability guidelines. Nobody argues.

But. There are times when you need to add text exclusively to decorative purposesand that s okay. We do not want all our projects to fall into the realm of bad taste.

You can add an extra element for purely decorative reasons, and it may not meet accessibility standards … provided that the absence of this element does not affect user experience

UI and UX micro-tips: part 1

2. Make the interface elements different from each other

Buttons. Notifications. Two separate but important elements of any interface.

Whenever possible, try to make sure that when they scan your site or application, users can quickly and easily distinguish them from each other.

Buttons will take priority in most cases, so make sure they are the most noticeable element on the screen and are easily distinguished from other elements (for example, notifications).

UI and UX micro-tips: part 1

3. All you need is subtle shadows.

We all love good shadows, right?

With moderate use, they can serve unobtrusivebut powerful visual cues.

The main thing is that they are barely noticeable.

Shadows in the real world are almost invisible in most cases, so you should mimic this behavior in your interfaces.

Remove heavy and dark shadows and lower their opacity for a more realistic result.

UI and UX micro-tips: part 1

4.Capitalized text? Choose a font that achieves optical clarity

Moderate use of capital letters in design is not a bad thing.

Capitalizing on certain text elements can help you achieve diversity and contrast with other text elements and improve the overall visual effect of your design.

If you do decide to style your text with a moderate dose of capital letters, try choosing a suitable font with high axial height x and great weightto provide optical clarity to the user.

UI and UX micro-tips: part 1

5. Make breadcrumbs visible and easy to understand for the user

Breadcrumbs (breadcrumbs) are used on sites with a lot of content, but they are not always given the proper attention.

With minimal settings, you will be sure that the user can easily determine Where is he located and where can he need to go

This is especially useful if the user has delved deeper into the site, for example with search

Always try to make the last element in the chain visually distinct from the rest and make links look like links.

UI and UX micro-tips: part 1

6. Do you use saturated colors? Try to soften the situation with shades and shadows (Tints and Shades)

Strongly saturated colors (vivid blues, reds, greens, etc.) can look great on a site, but overuse will tire the user s eyes, especially with large amounts of text.

Use them in moderation whenever possible and try to combine with muted shades (tint or shade) saturated color to avoid eye fatigue.

Using this method also will attract attention to a saturated color, therefore the most important content will be in the spotlight. At the same time, more muted colors will play a less noticeable role and will give the user s eyes a little rest.

UI and UX micro-tips: part 1

Hopefully, with this handy collection of micro UI and UX design tips, you ve understood how even the smallest design changes can produce a better end result for both you and your users.

Thank you per reading articles

Leave a Reply

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