Weber's Law

The amount of change needed to be noticed is proportional to the original magnitude — bigger stimuli need bigger changes.

stellae.design

Design Principles

Weber's Law (also known as Weber-Fechner Law) was formulated by German physician Ernst Heinrich Weber in 1834 and later expanded by Gustav Fechner. It's one of the oldest quantitative laws in psychology. The principle states that the smallest detectable change in a stimulus (the 'just noticeable difference' or JND) is a constant proportion of the original stimulus. For example, if you're holding a 1kg weight, you might notice an added 100g — but if holding 10kg, you'd need 1kg added to notice the difference. In design, this governs perceptible changes to size, spacing, color, pricing, and animation.

Why It Matters

Weber's Law states that the just-noticeable difference between two stimuli is proportional to the original stimulus — meaning users perceive changes relative to what they started with, not in absolute terms. This has profound implications for pricing, animation timing, layout adjustments, and any design change that users need to notice or should not notice. Ignoring this principle leads to changes that are either imperceptible when they should be obvious, or jarring when they should be subtle.

Real-World Examples

Typographic Scale Systems

Well-designed type scales like those based on a 1.25 or 1.333 ratio ensure each heading level is perceptibly different from the next, following Weber's Law naturally. A jump from 16px to 20px (1.25x) is noticeable, while a jump from 16px to 17px would be imperceptible to most users. The multiplicative approach creates consistent perceived contrast across the entire scale.

Spotify's Volume Slider

Spotify's volume control uses a logarithmic scale that maps to human perception of loudness, which follows Weber's Law. Small adjustments at low volumes produce noticeable changes, while the same slider movement at high volumes produces proportionally similar perceived changes. This feels natural because the interface matches the psychophysics of hearing.

Counter-example

Linear Spacing Increments in Design Systems

Some design systems use a purely linear spacing scale (4px, 8px, 12px, 16px, 20px) where the difference between 4px and 8px is highly noticeable but the difference between 16px and 20px is barely perceptible. This violates Weber's Law because the same absolute increment produces diminishing perceptual impact at larger sizes. A geometric or modular scale would maintain perceptual consistency across the range.

Role-Specific Guidance

Common Mistakes

• Designers commonly make uniform absolute adjustments across different scales — adding 4px of padding to every element regardless of its current size, resulting in dramatic changes to small elements and invisible changes to large ones. Teams also overlook Weber's Law when A/B testing visual changes, failing to account for the fact that users may not notice small proportional differences in large elements. Another error is applying linear pricing discounts without considering that the perceived value of a discount depends on the base price.