The use of buttons in web forms

(see http://www.svennerberg.com/2008/09/the-use-of-buttons-in-web-forms/)

Best practices

Taking all of the opinions above in consideration, plus my own experience in using and designing web forms, I’ve come up with these best practices.

  • Position the Primary action to the left

    Having the buttons aligned with the left side of the form makes a clear path for the eye to follow. By putting the Primary action to the left of the Secondary action it’s also positioned first in the tab order.

  • Label the actions in a natural language

    By describing what the action actually does, the user feels more comfortable using it since he know what to expect.

  • Make the Primary action stand out

    This makes it easier for the user to choose the option that’s most likely without making it harder to find the other option.

  • (Almost) Never use a Reset button

    Reset buttons often hurts user more than it helps them. The only time it’s called for is in a form that the same user uses over and over again with different input. If you use a Reset, also try to provide an undo function.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s