mapping-natural

Natural mapping is when a control's spatial position, motion, or shape directly corresponds to what it affects, so a first-time user can operate it without instruction. Examples include stove knobs arranged like burners and pinch-to-zoom gestures.

Arrange the controls in the same geometric layout as the elements they control, such as a 2x2 knob grid for a 2x2 burner arrangement. If the form factor prevents this, angle controls toward their targets or fall back to clear labels rather than abstract diagrams.

Order legend entries by the vertical position of each line at a consistent chart edge, so the topmost line matches the topmost legend entry. This lets the eye trace directly from line to label in one scan instead of two.

Follow a fallback hierarchy: use a strong cultural convention like slider direction, then an unambiguous text label, then a highlight-on-touch preview that shows the affected element. Avoid inventing fake spatial diagrams, which are harder to interpret than labels.

Directional conventions like up-is-more and clockwise-to-increase are deeply embodied cultural mappings. Violating them causes immediate disorientation that labels cannot fix, because users act on the physical analogy before reading anything.

Spatial mappings can break across orientations and breakpoints, such as a 2x2 grid collapsing to a single column. Verify the mapping in every orientation and switch to a different scheme, like labeled tabs, rather than scaling down a broken layout.