Menu

User Interfaces

Consistent Layout

A consistent layout places controls in predictable positions and makes them behave in the same way every time. Once you have learned where a control is and what it does on one screen, you should find it in the same place, doing the same job, on another screen or in another program.

Most programs get this for free by using the standard interface elements the operating system provides, such as its own buttons, sliders and colour pickers. Because every program draws on the same set, software you have never opened before still feels familiar: the slider that sets the volume in a music player moves in just the same way as the slider that sets the brush size in a drawing app, and the colour picker in a photo editor shows the same grid as the one in a poster design tool.

Why consistency helps

  • Faster learning: you reuse what you already know instead of starting again, so a new program takes less time to master.
  • Fewer errors: if a Cancel button always sits to the left of the OK button and always throws the change away, you are less likely to click the wrong one and lose work.
  • Greater confidence: you can guess where a setting will be and be right, so you explore instead of avoiding unfamiliar parts of the software.

Consistency also matters within one program. If a video editor keeps its trim tool in the toolbar of the timeline screen but hides it in a side panel in the clip editor, you have to hunt for it twice. One place and one behaviour means you learn it once.

A consistent layout is not about looking tidy. It tells you where to look and what will happen when you click, and that predictability is what makes an interface quick to use. It matters most to beginners, who have nothing learned to fall back on, but it helps everyone: even an expert slows down when a routine action suddenly moves.

Practise this