0

From a user experience perspective what would be the most intuitive layout for checkboxes and labels on this form?

enter image description here

(Click here for full size image.)

What would you guys think is the best way to display the label and checkbox together because of the fluctuating width of the labels? And from an objective view, what would be wrong with this approach?

7
  • 1
    Is it fluid? I mean, how does it display on smaller screens?
    – A.L
    Feb 12, 2014 at 14:11
  • No its not fluid or responsive.
    – RaVen
    Feb 12, 2014 at 14:11
  • Just a comment: try to align the fields to the left to reduce the distance needed to fill the form. For example, you have to go far away to check Designated.
    – A.L
    Feb 12, 2014 at 14:12
  • Do you target use on mobile devices?
    – A.L
    Feb 12, 2014 at 14:12
  • 1
    I'm affraid it's almost illegible. Using checkboxes in this form never works for me, so I think it should be - definitely - switched to vertical. The thing is that it's hard to fully understand the purpose of this form for me, could you provide more details? Feb 12, 2014 at 14:12

1 Answer 1

8

I think vertical layout will be far better in this case, and you should also group fields.

Note, that I am not sure if I grouped the fields correctly, as I don't know the bigger picture of the purpose of this form (so please correct me if I made mistake) but here is an example how it should be dealt with (at least pattern-wise):

enter image description here

3
  • This looks neat. The layout needs to be horizontal, but do you agree that the checkboxes needs to be inline with the labels?
    – RaVen
    Feb 12, 2014 at 18:35
  • Much cleaner, would suggest using 50% to increase readability and be consistent with the 30% directly below.
    – Mark Sloan
    Feb 12, 2014 at 20:49
  • 2
    @RaVen - even if you finally decide to use horizontal layout, the options should be grouped somehow and checkboxes should be inline. Feb 12, 2014 at 22:43

Your Answer

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

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