In this article, we’re going to learn the most important rules of UX design and their use in application and website design.
You’re reading my fourth article and it’s gonna be a long article! After my previous articles which were focused on how to design micro-interactions, let’s learn something different about UX design.
This article is going to be published in two parts, the first part is about to recall some UX design rules and another part is about to complete the first one and will cover more complex rules.
Every law will be explained with a simple example and then, we will get familiar with their use in Web/App design. Also, try to learn the simple definition of each law rather than its complex definition.
In case you missed to read my previous articles:
Figma: Recreate the most useful interactions using Figmotion
InVision Studio: How to design a circular loading bar?
Adobe XD: Everything about resizable components
1- Fit’s Law:
When we want to create a digital experience for mobile phones, “Fitt’s Law” appears and say “I’m here to help you!” (If you talk with UX rules as I do, See a psychologist).
Paul Fitt created a way to notice how quickly people can select a target.
Now let’s be a little professional: Fitt’s Law says when a user wants to press a button or do something, the length of the time it takes to do this, depends on two factors:
1- Distance
2- Size
For example, you’re going to press the “Add this to cart” button in a store on your mobile phone, the length of the time to takes to do this depends on the distance of your fingers to the button as well as the size of the button. If you do not take this law seriously, your negligence will incur huge costs to your business!