I'd very much like to get some feedback on this, as of right now, it is a point of contention among the devs at my office and myself. Which is more usable: labels above form elements, or to the left?

  • Mobile or desktop? on handheld touch devices, there's a small danger a right-handed user will obscure the label with his hand. Aug 23, 2013 at 18:59
  • Both, or either- I should have said- I've been dealing with responsive design for a while now. I've been leaning towards designs that feature labels-on-top for mobile, and labels-to-the-right for desktop, but out of intuition rather than any scientific reasoning. Would like to know if this is valid, or if there are better methods available. Aug 23, 2013 at 19:04
  • 3
    Unless this is a right-to-left language, labels should never be to the RIGHT of the fields.
    – DA01
    Aug 25, 2013 at 5:25
  • You're right, that should've said left, I've edited the original question Jan 22, 2015 at 3:35

2 Answers 2


A hotly debated and often rehashed topic. These links can serve to get you started:



Top Aligned
Top-aligned labels tend to reduce completion times (how long it takes to complete a form) the most for familiar data (i.e. address, credit card, etc.) because they only require a single eye fixation to take in both input label & field.

Right Aligned
Right-aligned are a bit slower to complete but require less vertical screen space. They do, however, have flexibility issues when the labels change widths.

Left Aligned
Left-aligned forms are the slowest of the three to complete because of the number of eye fixations they require to parse.

  • Spaceeba, mawcsco, for your well-thought-out answer. I'll give the links you posted a look. Thanks again! Aug 23, 2013 at 19:01
  • The uxmatters article is very thorough and has good suggestions distilled from the findings. Look for those at the bottom of the article. Apr 23, 2014 at 22:20

Labels above the fields are far faster for users to scan. Makes the form longer, but that is cancelled out by the rate which users can scan and fill out fields: http://uxmovement.com/forms/faster-with-top-aligned-labels/

  • Good answer fetter, thanks for the link. I always like it when people back up their arguments. Aug 28, 2013 at 18:26

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.