Skip to main content

tl;dr Make the form behave as if the user is filling a paper sheet while someone stands beside them to nag them when they make mistakes.


(Pardon the ASCII art) I'd keep your design adding real-time validation:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[ ] Flu

..

[ ] None of the above

(Tick at least one of the options before continuing)

mockup

download bmml source – Wireframes created with Balsamiq Mockups


If something is not right, change the last line:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[X] Flu

..

[X] None of the above

(You checked 'None of the above', uncheck all other options before continuing)

mockup

download bmml source


If the user gets it right, the last line can simply disappear (user would think "okay, it stopped complaining"):

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[X] Cold

[X] Flu

..

[ ] None of the above

mockup

download bmml source


Of course, the same validation should occur when the form is submitted. If something isn't right stop right there, popup an error (the exact same message shown in real time is best, for consistency) and auto-scroll back to the question(s) which need to be fixed.

tl;dr Make the form behave as if the user is filling a paper sheet while someone stands beside them to nag them when they make mistakes.


(Pardon the ASCII art) I'd keep your design adding real-time validation:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[ ] Flu

..

[ ] None of the above

(Tick at least one of the options before continuing)


If something is not right, change the last line:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[X] Flu

..

[X] None of the above

(You checked 'None of the above', uncheck all other options before continuing)


If the user gets it right, the last line can simply disappear (user would think "okay, it stopped complaining"):

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[X] Cold

[X] Flu

..

[ ] None of the above


Of course, the same validation should occur when the form is submitted. If something isn't right stop right there, popup an error (the exact same message shown in real time is best, for consistency) and auto-scroll back to the question(s) which need to be fixed.

tl;dr Make the form behave as if the user is filling a paper sheet while someone stands beside them to nag them when they make mistakes.


I'd keep your design adding real-time validation:

mockup

download bmml source – Wireframes created with Balsamiq Mockups


If something is not right, change the last line:

mockup

download bmml source


If the user gets it right, the last line can simply disappear (user would think "okay, it stopped complaining"):

mockup

download bmml source


Of course, the same validation should occur when the form is submitted. If something isn't right stop right there, popup an error (the exact same message shown in real time is best, for consistency) and auto-scroll back to the question(s) which need to be fixed.

added 51 characters in body
Source Link
Alex
  • 294
  • 1
  • 9

tl;dr Make the form behave as if the user is filling a paper sheet while someone stands beside them to nag them when they make mistakes.


(Pardon the ASCII art) I'd keep your design adding real-time validation:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[ ] Flu

..

[ ] None of the above

(Tick at least one of the options before continuing)


If something is not right, change the last line:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[X] Flu

..

[X] None of the above

(You checked 'None of the above', uncheck all other options before continuing)


If the user gets it right, the last line can simply disappear (user would think "okay, it stopped complaining"):

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[X] Cold

[X] Flu

..

[ ] None of the above


Of course, the same validation should occur when the form is submitted. I imagine aIf something isn't right stop right there, popup which repeats thean error (the exact same "You checked 'None of the above', uncheck all other options before continuing" message to the user, stops the operationshown in real time is best, thenfor consistency) and auto-scrollsscroll back to the question to let the user fix it (and the alert message is there as a haunting reminders) which need to be fixed.

(Pardon the ASCII art) I'd keep your design adding real-time validation:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[ ] Flu

..

[ ] None of the above

(Tick at least one of the options before continuing)


If something is not right, change the last line:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[X] Flu

..

[X] None of the above

(You checked 'None of the above', uncheck all other options before continuing)


If the user gets it right, the last line can simply disappear (user would think "okay, it stopped complaining"):

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[X] Cold

[X] Flu

..

[ ] None of the above


Of course, the same validation should occur when the form is submitted. I imagine a popup which repeats the exact same "You checked 'None of the above', uncheck all other options before continuing" message to the user, stops the operation, then auto-scrolls back to the question to let the user fix it (and the alert message is there as a haunting reminder).

tl;dr Make the form behave as if the user is filling a paper sheet while someone stands beside them to nag them when they make mistakes.


(Pardon the ASCII art) I'd keep your design adding real-time validation:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[ ] Flu

..

[ ] None of the above

(Tick at least one of the options before continuing)


If something is not right, change the last line:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[X] Flu

..

[X] None of the above

(You checked 'None of the above', uncheck all other options before continuing)


If the user gets it right, the last line can simply disappear (user would think "okay, it stopped complaining"):

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[X] Cold

[X] Flu

..

[ ] None of the above


Of course, the same validation should occur when the form is submitted. If something isn't right stop right there, popup an error (the exact same message shown in real time is best, for consistency) and auto-scroll back to the question(s) which need to be fixed.

Source Link
Alex
  • 294
  • 1
  • 9

(Pardon the ASCII art) I'd keep your design adding real-time validation:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[ ] Flu

..

[ ] None of the above

(Tick at least one of the options before continuing)


If something is not right, change the last line:

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[ ] Cold

[X] Flu

..

[X] None of the above

(You checked 'None of the above', uncheck all other options before continuing)


If the user gets it right, the last line can simply disappear (user would think "okay, it stopped complaining"):

In the last 3 years have you suffered from, been diagnosed with or sought medical advice or treatment for:

[X] Cold

[X] Flu

..

[ ] None of the above


Of course, the same validation should occur when the form is submitted. I imagine a popup which repeats the exact same "You checked 'None of the above', uncheck all other options before continuing" message to the user, stops the operation, then auto-scrolls back to the question to let the user fix it (and the alert message is there as a haunting reminder).