1

I am designing a form for a tablet. Typically forms are filled out vertically, but in landscape some fields could be represented on one line to save scrolling. For example: height and weight, or first and last name.

My questions are:

  • Would too many groupings be confusing to users (e.g. gender and birthdate)?
  • How should the multi-field design respond to both portrait and landscape layouts?
2
  • 1
    please post a mock for context.
    – Mike M
    Commented Aug 23, 2017 at 12:14
  • fields are Name, Email, Gender and Date of birth Commented Aug 23, 2017 at 12:28

2 Answers 2

1

Putting input fields next to each other makes them hard to scan for users. Since users like to scan instead of reading putting them below each other makes it far better in terms of usability.

There are many articles and studies regarding that, for example you could read: https://uxplanet.org/designing-more-efficient-forms-structure-inputs-labels-and-actions-e3a47007114f

Its a pretty decent summary of do's and dont's.

3
  • but I have a problem that the space is small and I want to avoid the scrolling on 7 inch tablet Commented Aug 23, 2017 at 12:28
  • 2
    Why? Its a myth that users dont like to scroll anyway... there is absolutely no problem to scroll on a mobile device, its a natural and well adapted these days. Commented Aug 23, 2017 at 12:33
  • As stated in the link provided, which I agree on. In those cases try to combine the fields into one field. Grouping is just trying to fix a symptom. Commented Dec 21, 2017 at 15:38
0

I think the main scenario where multiple fields on the same line would be where there is a very strong relationship between them. Eg blood pressure.

Blood pressure is measured as 2 values that go together Systolic/Diastolic, and both values are small numbers eg 120/80. I could see this being displayed on a single line grouped together... but only because they are so tightly related and it would be odd to split them apart.

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.