User Tools
design:clear_reset_buttons
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| design:clear_reset_buttons [2021/08/19 10:58] – 10.91.120.28 | design:clear_reset_buttons [2021/08/19 12:45] (current) – 10.91.120.28 | ||
|---|---|---|---|
| Line 11: | Line 11: | ||
| {{: | {{: | ||
| // | // | ||
| + | |||
| + | ===== Reset Button ===== | ||
| + | |||
| + | Excerpt taken from NNGroup blog: | ||
| + | |||
| + | '' | ||
| + | |||
| + | Why you shouldn' | ||
| + | |||
| + | * Reset is a highly destructive action on web forms. | ||
| + | * Why would a user ever want to clear a form? It's highly unlikely. | ||
| + | * It's often faster to edit existing data than to start from scratch. | ||
| + | * If they hit the button by mistake due to its placement, they' | ||
| + | * The extra choice of pressing the reset button adds to the user's cognitive load. | ||
| + | * Reset should behave like refreshing the page, everything related to the form should reset to the default state. | ||
| + | |||
| + | When reset is useful: | ||
| + | |||
| + | * When a form is repeatedly filled out by the same user. For bulk user creation for example. I.e. for data entry type tasks. | ||
| + | * When a form has good default parameters that are helpful for the user. If the user has edited the form too much and wants to get back to the best options, they can then click reset. | ||
| + | |||
| + | Should I use a reset button?: | ||
| + | |||
| + | * Is this for a repeating task i.e. data entry? | ||
| + | * Does the form have helpful default parameters that would be useful to the user? | ||
| + | * If No = Don't use reset | ||
| + | * If Yes = Use Reset but clearly positioned and styled to differentiate it from Submit. | ||
| + | |||
| + | ===== Clear Button ===== | ||
| + | |||
| + | * Similar to the reset button the user might click this in error and lose their data/form selections. | ||
| + | * Adds complexity and can clutter up the UI. | ||
| + | * Clear will clear any selected filters but will not clear the results data list. | ||
design/clear_reset_buttons.1629367112.txt.gz · Last modified: 2021/08/19 10:58 by 10.91.120.28
Page Tools
