Designing Responsibly

Design changes behaviour. That is the entire point of it, and it is also why some of the most effective patterns available to you are ones you should refuse to use.

Two questions sit underneath this work. Who does this product quietly shut out? And whose interest does this pattern actually serve — the person using it, or the number you are judged on? The first is inclusive design, the second is ethical design. Neither is a compliance task bolted on at the end. Both are decisions you take while drawing the screen, where they cost almost nothing compared with fixing them after launch.

A metric moved by confusion looks identical, on the dashboard, to a metric moved by value.

Inclusive Design

Design for the spread of people who will actually open this screen, not the default reader in your head. Someone on a cracked phone with two bars of signal. Someone with a wrist in plaster. Someone reading in their third language, in a script that runs right to left. Someone who hears the screen rather than sees it.

Concretely: 4.5:1 contrast on body text, 3:1 on large headings, meaningful icons and the focus ring; every control operable by keyboard with that ring visible; touch targets of at least 44 by 44 — points on iOS, CSS pixels on the web; form fields wired to real <label> elements; a layout that survives 200% text zoom and translations longer than the English. Then check it rather than assume it: tab the whole screen without a mouse, and watch someone who uses a screen reader every day.

Permanent, temporary and situational needs overlap more than people expect. Captions serve a deaf user, a commuter without headphones and someone watching at double speed. Designing for the edge keeps improving the middle.

Ethical Design

The category has a name — deceptive patterns, still widely called dark patterns — and so does each specimen in it. Naming one is how you win the argument: a named pattern has to be defended, an unnamed one is just a tweak. Confirmshaming — the decline option reading "No thanks, I prefer paying full price". Roach motel — two clicks to subscribe, a phone call to cancel. Fake urgency — a countdown that resets on reload. Hidden costs — fees revealed only at the final step. Preselected consent — the marketing box already ticked.

They work. That is the whole problem. The lift lands this quarter with your name on it. The cost arrives later as churn, refunds and support load, and by then nobody traces it back to the pre-ticked box.

The honest version of each is the symmetrical one: cancelling costs what subscribing cost, the full price appears on the first screen rather than the last, the countdown runs on a deadline that exists, the consent box starts empty. The test: could you explain this pattern, in plain words, to the person it was aimed at? If not, it is not a growth tactic. It is a trick.

No questions on this lesson yet. Highlight a passage to ask about it, or use Ask a question.