All principles

    38 · Doing

    Steering Law

    Moving a pointer along a narrow path takes longer the longer and narrower the path is.

    Evidence: Holds up

    What we do with it

    1. 01

      Hover menus are narrow tunnels. Give submenus room, and a short delay before they close.

    2. 02

      Prefer a click to a hover where you can. A menu that opens on click doesn't punish a shaky hand.

    3. 03

      Sliders and drag handles need wide tracks, especially on touch screens.

    Examples

    Getting it wrong, getting it right.

    Don't

    A cascading menu that closes the moment the cursor slips one pixel outside the row on its way to the submenu.

    Do

    The same menu reads the direction the cursor is moving and holds the submenu open while it travels toward it.

    The evidence

    What the research says.

    Evidence: Holds up

    Johnny Accot and Shumin Zhai's model predicted steering times closely in their experiments, and it has since been used to model menus and drawing tasks. David Ahlström used it in 2005 to model cascading menus and showed that menus which gently pull the pointer along the path cut selection time by 18% on average. Masatomo Kobayashi and Takeo Igarashi showed in 2003 that a menu which reads the direction the cursor is moving, and holds the submenu open while it travels, is faster and stops submenus flickering open and shut.

    A second look

    Is your product breaking one of these?

    Most teams can't tell from the inside. Send us the page or the flow that's not working, and we'll tell you which of these we'd look at first.

    Email hello@synergyprod.com