Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

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 right?

share|improve this question
    
Mobile or desktop? on handheld touch devices, there's a small danger a right-handed user will obscure the label with his hand. –  Ulrich Schwarz Aug 23 '13 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. –  Eddie Prislac Aug 23 '13 at 19:04
2  
Unless this is a right-to-left language, labels should never be to the RIGHT of the fields. –  DA01 Aug 25 '13 at 5:25

2 Answers 2

up vote 7 down vote accepted

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

http://www.lukew.com/ff/entry.asp?504

http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php

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.

share|improve this answer
    
Spaceeba, mawcsco, for your well-thought-out answer. I'll give the links you posted a look. Thanks again! –  Eddie Prislac Aug 23 '13 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. –  Surreal Dreams Apr 23 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/

share|improve this answer
    
Good answer fetter, thanks for the link. I always like it when people back up their arguments. –  Eddie Prislac Aug 28 '13 at 18:26

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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