Improving UI Design with Tactics

improving ui design

If you would like to improve the User Interface, let me show you methods that are based on actionable tactics and may enhance the look, clarity, and readability.

I don’t want you to show the tips on some “fake” solutions. That is why for the purpose of the exercise, I have remade the Audio Jungle mobile website screen.

Audio Jungle – present User Interface

Audiojungle is a popular store where you may buy soundtracks, jingles, and other sounds to use them commercially. However, it’s the user interface is a bit old now, and a few tweaks may instantly improve the comfort of the usage.

Here is the original present UI of Audio Jungle:

ui before improvement

Improving with UI Design Tactics

The best form of demonstrating the entire process is video. Let me show you how to fix common design problems with simple tips:

 

 

 

As you noticed, the solution still feels like an Audio Jungle. However, the usage of searching & filtering features should be much more comfortable. What’s more, we removed redundant elements and aligned content inside of the cards. This way, the User Interface is more scannable.

This is the User Interface after simple tactics are applied:

 

ui after improvement

To conclude

This video showed you that you do not need some “secret” talent to improve the User Interface. If you know proven tactics, it is all about applying them to specific elements of the UI.

To know more tips like this, check out the UI Design Tactics Book.

 

By the way…

If you start a new project or would like to organize your UI Library in Figma — do not waste your time creating everything from scratch. Feel free to use the Prime — Design System Kit. It helps you design UI with the best Figma techniques — Component Properties, Variants, Auto Layout and more.
See Prime in action.

To make it easier there is a gift 🎁 - Use UXMISFIT10 offer code to get 10% Off.

 
You can also Create User Flows faster in Figma & Sketch — With SQUID you can create User Flows directly in your favorite design tool. You may style them to your project brand within a couple of clicks. Prepare all kind of diagrams in minutes. See how it works.