UI and UX micro-tips: part 6

Sometimes it takes only minor changes to your design to create effective and beautiful interfaces.

In this article, I ll present another collection of easy-to-use micro UI and UX design tips.

Tips to effortlessly improve both design and user experience.

Want even more micro UI and UX design tips? Then check out my previous articles:

Let s get started …

1. Try to keep the tab bar always displayed in the mobile application

If the user delves into your application for more thanbut two levels, Make sure that tab bar is displayed so that he can quickly return to the desired section.

Having to make too many taps will frustrate any user.

Try to keep the tab bar consistently visible in your mobile app and avoid unnecessary taps to go back.

UI and UX micro-tips: part 6

2. Weight can create emphasis and form a hierarchy of typography

If you are using a single font family, then a simple change in font weight can signal a shift in the hierarchy, even if the font size has not changed.

Sometimes Weight is all you need to create emphasis and hierarchy in your typography. As simple as that.

UI and UX micro-tips: part 6

3. Try to do large tapas on mobile devices

When designing for mobile devices, try to make the touch areas large enough for the user to easily click on interface elements.

Minimum Recommended Sizes areas of touch for iOS and Android:

  • 44 x 44pt for iOS
  • 48 x 48dp for Android

Human fingers come in a variety of sizes, so provide plenty of room and make it easier for the user to interact with your interface.

UI and UX micro-tips: part 6

4. Make your site navigation as consistent as possible

Follow best practices and try to maintain consistency in your site navigation.

Even minor changes can cause cognitive dissonance and frustration for the user.

There may be minor exceptions to the rule on certain types of sites, but maintain consistent navigation on most sites.

UI and UX micro-tips: part 6

5. A site with a lot of content? Make search a prominent feature

If possible, try to make search a prominent feature if your site has a lot of content (especially in the desktop version).

Try not to hide the search function behind some tiny symbol, as it plays an important role on sites with a lot of content and requires a little more attention.

Make the search visible and visible on the desktop version of the site.

UI and UX micro-tips: part 6

6. Do not choose the font size at random. Use the font scale

If you need to quickly, practical and without any guesswork determine a set of font sizes, use font scale

As the name suggests, the font scale works at a scaling factor (say 1.25).

The approach is to start with a base font size (e.g. eighteenpx) and multiply (or divide) it by a scaling factor (e.g. 1.25) to get a larger font size (e.g. H1, H2, H3, etc.) or a smaller hierarchy (e.g., title, button, etc.) etc.).

Using a font scale will help you create texts that look harmonious and quickly bring consistency, rhythm, and hierarchy into your typography.

UI and UX micro-tips: part 6

Hopefully, with these little tips, you can see how even the smallest design changes can lead to better end results for both you and your users.

Thanks for reading.

Leave a Reply

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