All UX laws

WCAG 2.5.5 Target Size

Touch targets should be at least 44×44 CSS pixels with adequate spacing.

How to apply it

Add invisible padding to small icons; never rely on icon size alone for the hit area.

Practise it on a real challenge

Toolbar — users keep hitting Delete by mistake

An editing toolbar packs 24px icons 4px apart, with 'Delete' right beside 'Edit'. People keep destroying work they only meant to change.

More UX laws

  • 60-30-10 Rule
  • 8-pt Spacing Scale
  • Accessible contrast
  • Aesthetic-Usability Effect
  • Alignment Principle
  • Calibrated Trust
UX QuestUX LawsPricingAboutContactPopular UX laws:Hick's LawFitts's LawDoherty ThresholdMiller's LawLaw of ProximityAesthetic-Usability EffectVisual hierarchyAccessible contrastAll UX laws