PROMETHEUS

All entries

Beautiful gets judged usable. Legible comes first.

The aesthetic-usability effect: people forgive an attractive interface its flaws. We use that, on a hard floor of contrast and readability.

Beautiful gets judged usable. Legible comes first.

In 1995 two researchers at Hitachi, Masaaki Kurosu and Kaori Kashimura, tested a bank machine interface in several layouts and asked people how easy each looked to use. The striking result was that perceived ease of use tracked beauty far more closely than it tracked the actual layout. People thought the prettier interfaces were easier, even when they were not. Naomi Tractinsky later repeated the study in a different culture and language and found the same pull, even stronger. The finding now has a name: the aesthetic-usability effect.

The aesthetic-usability effect: shown two interfaces of identical structure, people judge the more polished one easier to use. Kurosu and Kashimura first measured this in 1995.
The aesthetic-usability effect: shown two interfaces of identical structure, people judge the more polished one easier to use. Kurosu and Kashimura first measured this in 1995.

What it means in practice is that good looks buy goodwill. An attractive page feels easier, gets trusted faster, and earns patience when something goes briefly wrong. Users are more forgiving of small problems on a site they find beautiful, which is why design is not decoration laid over function. It is part of how function is perceived. A clumsy-looking tool feels clumsy before anyone has tried it; a considered one feels capable on sight.

It is tempting to read that as licence to chase beauty at any cost. It is not. The same effect has a dark side: a pretty interface can mask real usability problems, both from users, who blame themselves, and from teams, who stop looking. Beauty earns patience; it does not earn the right to waste it. The aim is an interface that is genuinely good and looks it, not one that looks good enough to hide that it isn't.

And beauty has a floor it can never drop below: people have to be able to read it. This is where taste meets a hard line. Low-contrast grey text on a slightly lighter grey is a recurring sin of fashionable design, and it fails the people who most need legibility: older eyes, tired eyes, a bright phone screen outdoors. The Web Content Accessibility Guidelines put numbers on it: normal text should hit a contrast ratio of at least 4.5 to 1 against its background, large text at least 3 to 1. These are not suggestions for an edge case. Vision changes with age and conditions, and a site that only works for young eyes in a dim room is a site that quietly turns customers away.

The WCAG contrast floor rises with legibility: at least 3:1 for large text, 4.5:1 for normal text, and 7:1 for the stricter AAA level.
The WCAG contrast floor rises with legibility: at least 3:1 for large text, 4.5:1 for normal text, and 7:1 for the stricter AAA level.

The good news is that contrast and beauty are not enemies. A confident palette, generous type, real spacing and a clear hierarchy are both more attractive and more legible than thin grey text crammed edge to edge. Constraint tends to produce both at once. The discipline that makes a page beautiful, fewer colours used with intent, type chosen for reading, space allowed to do its work, is the same discipline that makes it readable.

Normal text must clear a 4.5:1 contrast ratio and large text 3:1, the hard floor a beautiful page can never drop below.
Normal text must clear a 4.5:1 contrast ratio and large text 3:1, the hard floor a beautiful page can never drop below.

How we apply this: we design for beauty because we know it earns trust and patience, and we never spend that beauty on something a visitor cannot comfortably read. Every colour pairing on a site we build is checked against the contrast standard, on real screens in real light. The result is meant to be the rare thing that is both: a page that looks the part and works for everyone who lands on it.

PROMETHEUS

Manage your project on the go

Have a project with us? Install the Prometheus app to track progress, messages and files, anytime.

Open your browser menu and choose “Install” or “Add to Home Screen”.