UI and UX micro-tips: part 2

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

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

Quick note: want even more micro UI and UX tips? Then check out my previous article:

Let s get started …

1. Use generally accepted icons in interfaces so as not to confuse the user

When adding icons to your projects, always try to choose established icons that clearly represent the action to be performed.

Choose an icon that conveys the right meaning and functionality, as other options will be misleading and become a cognitive hindrance to the user.

No need to experiment with icons.

UI and UX micro-tips: part 2

2. Use the principle of “proximity” to denote relationships between elements

Among the many tried and tested available design principles (contrast, space, repetition etc.) there is one that will help you create better interfaces for your users …


Proximity is the process of ensuring that related design elements fit together, signaling relationship with each other, which in turn helps to speed up user understanding interface when crawling your site or application

UI and UX micro-tips: part 2

3. Baseline 4pt grid + 8pt grid = harmonious vertical rhythm

When working with a font, use baseline 4pt together with universal 8pt grid can give your projects much more harmonious vertical rhythm

You just need to align the font to the Baseline Grid fourusing line height value, multiple four (16, 20, 24, 28, etc.)

Why 4? Well, for myself, I ve found that in the past, scaling to multiples of 8 hasn t been as versatile when dealing with specific text sizes.

Baseline 4pt grid + 8pt grid = vertical harmony.

UI and UX micro-tips: part 2

4. Reduce the line height in headings

Unlike long body copy, which requires a sufficient line height for better readability, headings are usually much shorter, so you can slightlylessen indentation

Recommended line height for headings is usually about 1-1.3 times larger text sizeand the more you do it, the less line-height you need to add.

UI and UX micro-tips: part 2

5. Having trouble choosing a color scheme? Use analog colors on the color wheel

Analog colors, also called contiguous or adjacent hues, are some of the most harmonious color schemes and can help if you re having trouble choosing colors that go well together.

A set of contiguous shades consisting of major, secondary and tertiary colors can help you quickly create a simple bulletproof color scheme.

Apply analognew colorswhen you need it fast to achieve flowersoh harmony

UI and UX micro-tips: part 2

6. Try to maximize the signal-to-noise ratio in your designs

Clarity and usability in your projects can be achieved by maximizing signal and minimizing noisewhich, in turn, provides a high signal-to-noise ratio.

You can achieve this by making sure that relevant information (signal) presented effectively and irrelevant information (noise) reduced or completely removed.

Remove roughness. Make the interface clearer. Increase the signal-to-noise ratio.

UI and UX micro-tips: part 2

Hopefully, with the help of this small collection of micro UI and UX design tips, you have a better understanding of how even the smallest changes to your design can lead to a much better end result for both you and your users.

Thank you for reading this article.

Leave a Reply

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