Skip to content
UX Atlas
LawEstablished researchAdvanced

Steering Law

Moving a pointer along a constrained path takes time proportional to the path length divided by its width, which is why nested menus are hard.

Definition

Accot and Zhai (1997) extended Fitts's Law to trajectory-based tasks. The time to steer through a tunnel is proportional to the length of the tunnel divided by its width, so long narrow paths are disproportionately slow and error prone.

Established research. Originates in published research and has been replicated. The effect is real. Its size in your product still needs measuring.

On this page
  1. Definition
  2. The nested menu problem
  3. Mitigations
  4. In practice
  5. Sources
  6. Continue from here

The nested menu problem

Traversing a cascading menu means steering the pointer along a narrow horizontal corridor without leaving it. Slip vertically and the submenu closes. The steering law explains why deep cascading menus feel fragile even when every individual target is large enough.

The classic mitigation is a triangle or cone hit area: when the pointer moves towards the submenu, the interface tolerates vertical drift for a short window. Several component libraries implement this as safe-triangle or pointer-intent behaviour.

Mitigations

  • Add a movement-intent buffer so the submenu stays open while the pointer heads towards it.
  • Add a short close delay, typically 100 to 300ms, rather than closing on the first mouseout.
  • Keep cascades to one level. Two levels of hover-driven submenu are near-unusable on a trackpad.
  • Replace deep cascades with a click-opened panel, a mega menu, or search.
  • Never require steering on touch, where there is no hover state to steer with.

In practice

Safe triangle in dropdown menus

Component libraries

Tracking pointer velocity and direction, then holding the submenu open while the pointer travels within a triangle towards it, converts a fragile corridor into a forgiving one.

Replacing cascades with panels

Web navigation

Large sites largely abandoned multi-level hover menus for click-opened panels, which removed steering entirely and works identically on touch.

Sources

Where a source establishes something narrower than the popular reading of it, the note says so.

Continue from here

Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.

Applies when you are designing

A Mobile AppNavigation

Applied through

Where this shows up as a concrete interface decision.

Related concept

Connected closely enough to change how you apply this.