When creating efficient, accessible, and beautiful UIs, it takes only the smallest tweaks to improve your designs.

In this follow-up article I’ve brought you another selection of easy to put into practice UI & UX micro-tips.

Tips that can, with little effort, help improve both your designs, and the user experience.

Quick Note: Want even more UI & UX Micro-Tips? Then check out my previous articles here and here.

Let's dive on in...


01.

Want to speak in a more informal tone? Try going all lowercase.

Using a heavier font weight, and caps can come across a little formal, and shouty occasionally.

Try choosing all-lowercase, and a lighter font-weight.

This can present a more informal, and approachable message when working on certain projects.

Click Thumbnail to Enlarge

02.

Use weight, size, and colour to indicate hierarchy within your type.

When working with type, elements don’t need to scream “Look at me!” all the time.

But. They do need to have a balanced hierarchy in place.

Just subtle adjustments via the use of weight, size, and colour is all it takes to achieve this.

This allows the user to scan and find the most important elements, avoiding any confusion in the process.

Click Thumbnail to Enlarge

03.

Light Text on dark? Fatten up that font-weight for the best legibility.

When setting dark text against a light background you can, occasionally, opt for a lighter font-weight.

But…

… when it comes to the reverse: light text > dark background

… you should look at fattening up the font-weight a little, especially for long-form copy.

Aim for the best legibility, and avoid straining your user’s eyes.

Click Thumbnail to Enlarge

04.

Create the right emotional response with your typeface choices.

Try to choose the appropriate typeface for the content you’re presenting.

Users are savvy, and have an intuitive sense of when content is talking to them, and when it’s not.

The correct choice of typeface is key in making your content speak to them directly, and on an emotional level.

Click Thumbnail to Enlarge

05.

If you (have to) use multiple typefaces, try to stick to the 2 max rule.

For me, I try to stick to the 1 Typeface rule whenever possible.

But.

If the project demands it, I recommend maxing out those typeface-combos at 2.

No more.

Combining typefaces well can be tricky for the inexperienced.

Go easy on yourself and don’t just add another typeface just because you can.

Using a maximum of 2, and then a combination of weight, size, and colour can bring instant visual harmony to your designs.

Click Thumbnail to Enlarge

06.

All-Uppercase + Letter-Spacing = Better Legibility.

Working with short lines of text, in all-uppercase?

Well…

… It’s a good idea to increase the spacing between those letters to achieve better legibility for the user.

Doing so makes the words easier to read and process because the letters are more distinguishable from one another.

Just small increases in spacing between the letters is all that’s needed to improve legibility, and add a touch of polish to your uppercase type.

Click Thumbnail to Enlarge

I hope with this short collection of tips you’ve realised how the smallest of adjustments to your designs can produce better end-results for both yourself, and your users.

Thanks for reading the article,
Marc Andrew.

Discover 21 Quick, and Easy Tips to help you improve your designs today!

Subscribe below to download my FREE Cheatsheet of UI & UX Tips, and also receive Regular UI & UX Articles, and Tips straight to your Inbox.

UI and UX cheatsheet cover