3

I have been working on a medium sized form. I have developed a few options. I have read various UX articles. Many people advise against multi column forms - but if I go by this approach, the user will have to scroll a lot to fill up the fields and also it may not look good. Hence I have developed a few prototypes. Please advise, which of the following is right approach in terms of looks as well as usability? If none of these is good, what should be the approach that does not waste much space on the screen and does not need the user to scroll much, but at the same time user-friendly and looks good?

Form 1

enter image description here

Form 2

enter image description here

Improve this question
7
  • Is the platform mobile/tablet or desktop?
    – DarrylGodden
    Jul 28, 2017 at 6:57
  • @UXfrom12 It's desktop
    – Saptarshi
    Jul 28, 2017 at 6:58
  • 1
    NB4's answer works then. Scrolling isn't so much of an issue, the usual UX recommendation applies, only collect data which is useful; forcing people to complete data inputs that have no relevance to the application is a poor experience.
    – DarrylGodden
    Jul 28, 2017 at 7:01
  • @UXfrom12 does my "Form1" follow the approach you recommended? Basically, I am worried that if I stack all sections in a sigle column, much of the GUI screen will remain empty. Does that look good?
    – Saptarshi
    Jul 28, 2017 at 7:05
  • No, the answer below makes sense.
    – DarrylGodden
    Jul 28, 2017 at 7:12

2 Answers 2

Reset to default
5

Form looks better when it's categorized. Grouping related fields together also helps users make sense of the information that they must fill in.

enter image description here

For reference: https://uxplanet.org/designing-more-efficient-forms-structure-inputs-labels-and-actions-e3a47007114f

Improve this answer
2
  • does my "Form1" follow the approach you recommended?
    – Saptarshi
    Jul 28, 2017 at 7:04
  • Yes. It does follow the approach as mentioned in the image.
    – NB4
    Jul 28, 2017 at 7:08
1

Here is the advise from Uxdesign.com

https://uxdesign.cc/design-better-forms-96fadca0f49c

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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