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

  • Is the platform mobile/tablet or desktop? – DarrylGodden Jul 28 '17 at 6:57
  • @UXfrom12 It's desktop – Saptarshi Jul 28 '17 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 '17 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 '17 at 7:05
  • No, the answer below makes sense. – DarrylGodden Jul 28 '17 at 7:12
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

  • does my "Form1" follow the approach you recommended? – Saptarshi Jul 28 '17 at 7:04
  • Yes. It does follow the approach as mentioned in the image. – NB4 Jul 28 '17 at 7:08
1

Here is the advise from Uxdesign.com

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

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.