UX Rules: Learn simple (Part 1/2)

Em Design
16 min readAug 19, 2019

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.

Image by Toptal Designers

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:

Illustration Credit: Sandro Rybak

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!

--

--

Em Design

A passionate designer who designs digital experiences for mobile phones and websites. — — — — — — — — — — — — www.wearemoonlight.com