---
name: Laws of UX
slug: laws-of-ux
url: "https://dontmakeitugly.com/resources/laws-of-ux"
website: "https://lawsofux.com"
type: guide
categories:
  - tools
tags:
  - ux
  - psychology
  - principles
  - learning
  - usability
frameworks:
  - agnostic
pricing: free
openSource: false
agentFriendly: good
agentAccessMethods:
  - public_web
difficulty: beginner
dateAdded: "2026-09-02"
lastVerified: "2026-09-02"
---

# Laws of UX

The psychology principles behind good interfaces, one page each.

- Type: Guide
- Categories: Tools
- Pricing: Free
- Open source: no
- Works with: Framework agnostic

## What it is

Laws of UX by Jon Yablonski explains the cognitive principles designers rely on (Fitts's Law, Hick's Law, the Aesthetic-Usability Effect, Jakob's Law and more) with a short page and a poster for each. Free to read, with a companion book.

## Why it's here

Great vocabulary for talking to your agent about why something feels off. "Reduce choices per Hick's Law" or "make the primary target bigger per Fitts's Law" are precise, actionable instructions.

## Best for

- learning UX principles
- explaining design decisions
- usability fixes

## Links

- Website: https://lawsofux.com

## Can my agent use this?

Yes. Each law has its own page an agent can read. Cite the law by name when asking for a change.

Agent friendliness: Good. Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.
Access methods: Public website.

## Prompt to hand your agent

```text
Use Laws of UX as a design and implementation reference for this project.

What it is: The psychology principles behind good interfaces, one page each.

Website: https://lawsofux.com

Use it specifically for:
- learning UX principles
- explaining design decisions
- usability fixes

How you can access it: Public website.
Works with: Framework agnostic.

Study the relevant design and implementation patterns, but adapt them to this project's existing architecture, visual language, accessibility requirements and conventions. Do not blindly copy the entire resource.
```

## Related

- [Checklist Design](https://dontmakeitugly.com/resources/checklist-design.md): Checklists of what every common screen and component should include.
- [Chrome DevTools MCP](https://dontmakeitugly.com/resources/chrome-devtools-mcp.md): Let your agent inspect, debug and profile a live Chrome tab.
- [DesignMD](https://dontmakeitugly.com/resources/designmd.md): Point it at a URL and it extracts that site's design system as a DESIGN.md.
- [DESIGNMD by Hyperbrowser](https://dontmakeitugly.com/resources/hyperbrowser-designmd.md): A single-purpose tool that extracts a DESIGN.md from any URL you give it.

Laws of UX is an independent resource listed by Don't Make It Ugly. We link to it; we aren't affiliated with it. Pricing and licence details are as understood at the time of listing; check the official site.
