13:14 Prioritize Pushbuttons
Strength of Evidence:
Document Type: Guideline
Controls and Widgets
Use location and highlighting to prioritize pushbuttons.
Place the most frequently used pushbutton in first position and set it to default, so that the ‘Enter’ key activates the pushbutton. Place the button most likely to be clicked on the left side of a two-button set of pushbuttons. Generally, users look to the left and then the right button before making a selection.
Bailey, R.W. (1996). Human performance engineering: Designing high quality professional user interfaces for computer products, applications and systems (3rd ed.). Englewood Cliffs, NJ: Prentice-Hall.
Fowler, S. (1998). GUI Design Handbook. New York: McGraw-Hill.
Marcus, A., Smilonich, N., & Thompson, L. (1995). The Cross-GUI Handbook. Reading, MA: Addison-Wesley.
Walker, B.N. & Stanley, R.M. (2004). Eye movement and reaction time are both important in assessment of dialog box usability. Proceedings of the Human Factors and Ergonomics Society Annual Meeting.
The ‘Clear Form and ‘Restart’ button is positioned before the ‘Submit Form” button. All buttons look visually similar. Users may accidentally press the ‘Clear Form and Restart’ button
The default button, Update, is visually more prominent than the Cancel option.
Title: OKCancel or CancelOK?
Description: Jakob Nielsen's Alertbox for May 27, 2008
Title: OK and Cancel buttons: Whats the right order?
Description: This study of usability professionals showed that there is little agreement about the best placement of the default action button.
Title: Primary & Secondary Actions in Web Forms
Description: This study using eye tracking showed that differentiating the appearance of the Submit and Cancel buttons was more important than their placement.
Related Usability Guidelines: