UX Design< 5 minute read

The Tried and True Laws of UX (with Infographic)

Just as there are cause and effect relationships, there are the laws of UX: predictable outcomes and human behaviors in UX a designer can use to design superior products. This infographic explains it all.


Toptalauthors are vetted experts in their fields and write on topics in which they have demonstrated experience. All of our content is peer reviewed and validated by Toptal experts in the same field.

Just as there are cause and effect relationships, there are the laws of UX: predictable outcomes and human behaviors in UX a designer can use to design superior products. This infographic explains it all.


Toptalauthors are vetted experts in their fields and write on topics in which they have demonstrated experience. All of our content is peer reviewed and validated by Toptal experts in the same field.
Miklos Philips
Verified Expert in Design

Miklos is a UX designer, product design strategist, author, and speaker with more than 18 years of experience in the design field.

Read More

Expertise

PREVIOUSLY AT

Financial Times
Share

Remember when your mother warned you not to run down the stairs because you could fall and hurt yourself? Or when you held your palm over a candle’s flame and started feeling the burn? The “laws of UX” are similar—they are cause and effect relationships where one event (the cause) makes another event happen (the effect). Whether a designer acknowledges them or not, the “laws” rule and operate—and will affect the effectiveness of a design.

Take Miller’s Law, for example, which states that “the average person can only keep around seven items in their working memory.” When the rule is disregarded, people are forced to think more than they should have to. UX professionals refer to this phenomenon as cognitive overload.

Ignoring Miller’s Law can have negative consequences that may impede the UX, i.e., if there are too many things people have to remember, it could cause frustration and decision paralysis.

Miller

A cousin to Miller’s Law is Hick’s Law, which states: “The time it takes to make a decision increases with the number and complexity of choices.” It’s easy to see how they’re related. In a poorly designed scenario, both of these laws could be violated at the same time by a UI that presents too many choices and asks people to remember too many things when trying to complete a task.

Then there’s Fitts’s Law. Specific to human-computer-interaction (HCI) on desktops, Fitts’ Law predicts that “the time required to rapidly move to a target area is a function of the ratio between the distance to the target and the width of the target”—for example, how large a button is, and how far it is from the cursor’s position in the UI.

Fitts' Law UI example formula demonstration - the Laws of UX

Many UX designers forget that Fitts’s Law—as well as many other UX laws—can also be used creatively by placing destructive features in a UI in a difficult-to-reach position—such as a reset form or the “cancel” button on a web form.

It’s important to remember that, typically, Fitts’s Law doesn’t apply to mobile. However, even though there is no cursor to travel to a target location, a designer can use the distance from one tap to another to either impede or assist an interaction. For example, a “logout” icon can be placed at the top of the mobile screen, and the confirmation could come up on the bottom.

A great customer experience is based on trust and meaningful, consistent interactions. Any designer worth their salt must consider cognitive psychology and the effect of their work on their intended audience. For example, if one considers a bank with over 25 million mobile customers it can be easily seen how ignoring the laws of UX could seriously hinder their app’s UX, and consequently affect their bottom line.

Taken collectively, observing these laws of UX can help guide a digital designer toward creating the most effective design for any given product. Even though they are not actual laws, but rather tried and true cause and effect relationships, UX designers should nevertheless, take notice of the driving forces behind the laws of UX in order to design superior products.

The Laws of UX infographic

Understanding the basics

  • Why is Fitts's Law important?

    Fitts’s Law demonstrates how to ease interactions through the careful sizing and positioning of interface elements. It states: The time it takes to acquire a target is a function of the distance to and size of the target. It is particularly important when designing buttons and other clickable on-screen elements.

  • What is Hick's Law?

    Hick’s law, or the Hick–Hyman law, named after British and American psychologists William Edmund Hick and Ray Hyman, describes the time it takes for a person to make a decision as a result of the possible choices he or she has: Increasing the number of choices will increase the decision time logarithmically.

  • What is Miller's Law and what is it for?

    Miller’s Law states that the average person can only keep 7 (+ or - 2) items in their working memory. It emphasizes the benefits of “chunking” to ease complex tasks by grouping information related by perceptual features such as types of fruit or parts of speech.

  • What is Occam's Razor? Give an example of how it applies.

    Occam’s Razor refers to the philosophical idea or scientific principle that if two explanations exist for an occurrence, the simpler one is usually the better choice—e.g., one of the fence posts is broken. Either a) a moose ran through it or b) Some screws fell out because it is old. “B” is more likely.

  • Why do they call it Occam's Razor?

    William of Ockham, a Franciscan friar who studied logic in the 14th century, first made this principle,that states, “More things should not be used than are necessary,” well known. The word “razor” is a metaphor—Occam’s Razor gets rid of unnecessary explanations just like a razor shaves off extra hair.

  • What is the Pareto 80/20 rule?

    The Pareto Principle (also known as the 80/20 rule, the law of the vital few, or the principle of factor sparsity) states that, for many events, roughly 80% of the effects come from 20% of the causes.

  • What is the Isolation Effect?

    The Isolation Effect (also known as the Von Restorff Effect) is the tendency to recall something that stands out in a group and afford it more weighting than its peers. It is named after German psychologist Hedwig Von Restorff, who first documented it in 1933.

  • Who found the serial position effect?

    German psychologist Hermann Ebbinghaus is credited with creating the term “serial position effect.” The serial position effect is the tendency of a person to recall the first and last items in a series best and the middle items worst.

Hire a Toptal expert on this topic.
Hire Now
Miklos Philips

Miklos Philips

Verified Expert in Design

London, United Kingdom

Member since May 20, 2016

About the author

Miklos is a UX designer, product design strategist, author, and speaker with more than 18 years of experience in the design field.

Read More
authors are vetted experts in their fields and write on topics in which they have demonstrated experience. All of our content is peer reviewed and validated by Toptal experts in the same field.

Expertise

PREVIOUSLY AT

Financial Times

World-class articles, delivered weekly.

Subscription implies consent to our privacy policy

World-class articles, delivered weekly.

Subscription implies consent to our privacy policy

Join the Toptal® community.