Forum Moderators: phranque

Message Too Old, No Replies

UI/UX confirmation of fields in a big form

         

NickMNS

8:46 pm on Jun 11, 2021 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I'm creating a page where the user needs to input information about a widget into a form. The information needs to be detailed, as a results the form is very long , with 50+ fields (not all are required and the form can be expanded depending on features of the widget). The user will be charged a fee when submitting the form, and the entries in the form will be permanent, immutable. Any changes to the form will require that the form be resubmitted, the fee paid again and the previous instance will remain in existence but be superseded. All this to say that mistakes by the user will be costly for the user.

My intention currently is to "pre" submit the form, present the result as a mock-up and then ask the user to confirm each entry line by line, once validated by the user, it can be truly submit and the user will be charged the fee. But this seems very cumbersome and I fear it will cause users to abandon the form.

An alternate solution:
The form is broken down into 5 sections, require validation after each section by preventing the user from advancing to the next section until validation is complete. This will break it down into smaller parts making less daunting in terms of validation, but will stretch out the time/effort required to fill in the entire form, again leading to the same risk of abandonment.

Any ideas on how to balance the need for validation and ease of use? How can you get the user to double check their entries without overburdening them?

phranque

9:06 pm on Jun 11, 2021 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



i would go with the validation for each of the 5 sections and add a progress indicator.
complete the process with a final confirmation page with all fields shown and important fields highlighted whether that means empty fields or key specifications or whatever.

NickMNS

10:33 pm on Jun 11, 2021 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Yes!
add a progress indicator

That is a great idea.

Something like this:
[material-ui.com...]