cognitive psychology
Mapping
What is mapping in design?
Mapping is the connection between a control and what it affects. Natural mapping occurs when that link is so clear you don’t need to think. When controls are placed like the things they operate - such as a stove where each knob aligns with its burner - users get it right first time. When the layout contradicts the arrangement, they guess, get it wrong, and memorise a workaround.
Also known as: mapping, natural mapping, spatial mapping
The demo
A four-burner hob. Pick a knob and see which burner lights. First with the knobs in a row - then laid out like the burners. Same hob; one is a guessing game, the other is obvious.
What this demo shows (text version)
Four burners are arranged in a square. In "row" mode the four control knobs sit in a straight line, so there's no way to tell which knob drives which burner - you pick one and it lights a burner you didn't expect, exactly like the badly mapped cookers Norman described. In "natural" mode the knobs are arranged in the same square as the burners, so the front-left knob obviously controls the front-left burner; the pairing needs no labels and no memory.
The point is that natural mapping uses spatial arrangement to make a control's effect self-evident. When the layout of controls mirrors the layout of what they affect, people act correctly the first time; when it doesn't, they guess, err, and fall back on labels or learned workarounds.
Good mapping makes the link between a control and its effect self-evident through layout and spatial arrangement. The textbook failure is the cooker with four knobs in a row while burners sit in a square - you can’t tell which controls which, so you guess, get it wrong, and memorise a workaround. Arrange controls to mirror what they affect and the guessing disappears. People shouldn’t need a label or a mental lookup to know what a control does.
In a row, the knobs give you no clue which burner is which - so you read, guess, or memorise. Lay them out like the burners and the answer is just there, no thinking required. That's natural mapping: the spatial arrangement does the explaining, so the control feels obvious instead of learned.
Norman's stove is the canonical example. Four burners in a square plus four knobs in a row gives 24 possible mappings, so people can't deduce which knob is which - they rely on tiny labels or trial and error. Place the four knobs in the same square pattern as the burners and the mapping becomes natural: front-left knob, front-left burner. The arrangement itself carries the information.
Natural mapping leans on spatial analogy and cultural convention - up means more, right means forward, a control near the thing it affects "belongs" to it. Sliders, volume controls, seat adjusters shaped like the seat, and brightness toggles all work because the control's behaviour mirrors a physical or learned expectation, so the right action is guessable rather than memorised.
Mapping shows up everywhere on screen, not just on appliances: a "next" control on the right, a delete that sits beside the item it removes, a settings layout that matches the page it changes. When mapping is poor, you get the digital equivalent of the stove - controls and effects that don't line up - and people compensate with labels, tooltips and memory. Fix the arrangement and you can often delete the explanation.
Natural mapping means controls mirror what they affect - try the demo to feel how obvious layout reduces errors. When mapping is broken, users guess, fail, then memorise - the demo shows you how to avoid that cycle.