Skip to content
don’t make it ugly
All resources

GuideTools

Laws of UX

The psychology principles behind good interfaces, one page each.

Free
Preview of Laws of UX

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

Can my agent use this?

Agent good agent friendliness

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

Good: Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.

Access methods

  • Public website

  • Refactoring UI
    Preview of Refactoring UI

    Refactoring UI

    The book that teaches developers to design, by the creators of Tailwind.

    Guidelimited agent friendliness
    Staff pickUsed by me
  • Checklist Design
    Preview of Checklist Design

    Checklist Design

    Checklists of what every common screen and component should include.

    GuideFreegood agent friendliness
    Staff pick
  • GOV.UK Design System
    Preview of GOV.UK Design System

    GOV.UK Design System

    The gold standard for accessible, plain-language interfaces.

    Design systemFreeOpen sourceexcellent agent friendliness
    Staff pick
  • Josh W. Comeau's blog
    Preview of Josh W. Comeau's blog

    Josh W. Comeau's blog

    Interactive, deeply explained articles on CSS, layout, animation and polish.

    Guidegood agent friendliness