UX/UI Design Tips and Tricks

Quick Tips on UX/UI

Prominence

Make the accessible information prominent and attractive to your users. In the below image, check the left image. The image contains no prominent element whereas the right image have few prominent elements. Color, size, proximity is very important . Color gives life to your image. Size gives the accessibility.
 
 

Consistent Icons

Whenever you design any app or website, you need icons for visual presentation of your screens. Choose consistent icons. For example, if you are using filled icons, use only filled icons everywhere and if you are using stroke icons, use only stroke everywhere. See the left and the right image. The left image contains inconsistent icons and the right side of the image contains consistent icons.

 

Image showing Icon Consistency

Call to Action

The call to action should be clear and prominent. A call to action is an important part of any marketing or advertising campaign. It is the part of the message that tells the reader or viewer what to do next.

A good call to action is specific and easy to understand. It should be clear what the desired action is, and there should be no confusion about how to take that action. The call to action should also be relevant to the product or service being advertised.

An effective call to action will result in more customers or viewers taking the desired action. This can lead to more sales, or more people seeing or using the product or service.
 
Call to Action Button

Line Height 

To make the information accessible, line height plays a very important role. As the typography size decreases the line height must increase. This will improve the readability.


Drop Shadows

Shadows must come from one consistent direction. You can see in the below image on the left side, the shadow is coming from the multiple direction. All the source of light or drop shadows should come from one direction.

 

Previous Post Next Post

Contact Form