开发者

what is the best suggested way to design a form having more than 20 fields?

开发者 https://www.devze.com 2023-01-08 03:57 出处:网络
I am having a form having around 20-25 fields. I have put all these fields on one page and a submit button to complete my functionlaity. But i am not happy with the length of 开发者_如何学编程page and

I am having a form having around 20-25 fields. I have put all these fields on one page and a submit button to complete my functionlaity. But i am not happy with the length of 开发者_如何学编程page and feel like users will be demotivated using this page can somebody help me with suggestions?


Wizards are also more prone to errors,

What you could do (depends on the context and contents of your form) is try to hide parts of your form until they are relevant. For example, in a form where I can choose to receive annoying spam at my home address, I would tick the box "yes I want to be annoyed" and only then will the fields where I enter my address data (street, ZIP, city, etc.) appear.

How effective this is for you depends, of course, on the context of your form. Perhaps you could shed some light on this?


You could, depending on the components you have access to, make a 'wizard', where you break up the input in logically grouped information, and present a progress bar / encouragement during the process.

I'd personally just keep it as a flat form. Wizards are less transparent.


You can try a 2 page wizard: mandatory fields on the first page, optional ones follow.

http://ui-patterns.com/patterns/Wizard


  1. Can you remove any fields? Do you really need to collect every single piece of this information? Sometimes forms collect information that's "nice to have" - you have to make a call whether you want all the "nice to have" information from less people, or only the absolutely required info from more people.

  2. Can you predict/automatically retrieve any of the information you're collecting instead of having the user enter it manually?

  3. Group the inputs together so it isn't just one big behemoth of a form

  4. You can also just reassure the user that it won't take too long. You form title can read: "Register Now - only takes 60 seconds"

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号