<?xml version="1.0" encoding="utf-8"?>

Position controls before labels for greater efficiency

Position controls before labels for greater efficiency Bad Practice
Position controls before labels for greater efficiency Best Practice

In left-to-right languages, controls like checkboxes or radio buttons should generally be placed before their text labels. This setup not only enhances the visual appeal but also streamlines the UI for a more orderly experience.

Positioning controls this way also expedites user interaction, as it allows users to click through multiple controls in quick succession with minimal mouse or finger movement. Adhering to this pattern makes the interface predictable, helping users complete tasks more efficiently.

Improve your UX & Product skills with interactive courses that actually work