DEV Community

Cover image for 5 essential Web UX laws
Abhiraj Bhowmick
Abhiraj Bhowmick

Posted on • Edited on • Originally published at abhiraj.mdx.one

61 17

5 essential Web UX laws

1. JAKOB’S LAW

Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know. Websites do better the more standardized their design is.

jakob

2. FITT’S LAW

The time it takes someone to select an object in the screen depends on how far the cursor is from the object and the size of the object.
Thus, the longer the distance and the smaller the target’s size, the longer it takes.

fitt

3. MILLER’S LAW

The average person can only keep 7 (plus or minus 2) items in their working memory.
Organize content into smaller chunks to help users process, understand, and memorize easily.

miller

4. LAW OF PROXIMITY

Objects that are near, or proximate to each other, tend to be grouped together.

  • Proximity helps to establish a relationship with nearby objects.
  • Proximity helps users understand and organize information faster and more efficiently.

proximity

5. HICK'S LAW

The time it takes to make a decision increases with the number and complexity of choices. Hick’s Law is a fairly commonsense idea: the more choices you present to a person, the longer they take to make a decision. It’s essentially a fancier way to describe the KISS rule: Keep It Simple, Stupid!

hick

Thanks for reading!

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (4)

Collapse
 
mstr_btn profile image
OSCAR P. OGANIZA 🇮🇹

Nice! Will follow these to design my website oganiza.com

Collapse
 
ribosomatic profile image
Jesus Liñan

Great!

Collapse
 
essentialrandom profile image
Essential Randomness

These were interesting and useful! I appreciated the quick overview. It gave me a couple nice ideas about some designs I'm working on right now.

Collapse
 
alexkarpen profile image
alexkarpen

Thank you!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay