Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

On the web, is there a recommended location for the submit (Go, Search, Submit, etc) button in relation to the cancel, reset or back button? I'm thinking the recommended positions makes it easiest for the user to find and maybe even the most common position.

I'm coming from a general perspective for everything from a simple contact form, to a multi-page registration form, to large internal database forms. I'm kind of wondering if there is one that has been researched to be better for the user.

I personally like putting on the far right with the cancel on the left. To me this makes the most sense as it's on the right, therefore moving forward or going to the next step. It also makes sense to me because it'd be the last thing someone would see when their eye is moving from top left to bottom right. But these are my only guesses with no research.

share|improve this question
2  
My preference is similar to yours. If clicking the button is typically the last thing you'll do before leaving a page, I figure it should go at the "end." –  Patrick McElhaney Aug 9 '10 at 20:36
    
There should be no cancel button. More people will click it accidentally than on purpose (eg. by pressing <Tab> then <Enter> when on the last input). :) –  deizel Aug 16 '10 at 21:19
1  
related: ux.stackexchange.com/questions/37/… –  greenforest Jun 14 '12 at 20:10
add comment

4 Answers 4

Luke Wroblewski wrote about this issue in detail in his book Web Form Design. I really recommend reading his in-depth article:

http://www.lukew.com/resources/articles/psactions.asp

share|improve this answer
1  
Great article. I wonder if the user's OS has an influence on this too, since OS X puts the "Submit" button on the right and cancel way far on the left as opposed to Windows for example. –  Ignacio Aug 9 '10 at 20:20
add comment

Jakob Nielsen says to do what your users expect.

If you're designing a Web-based application, the decision is harder, but you should probably go with the platform preferred by most of your users. Your server logs will show you the percentage of Windows vs. Mac users for your specific website or intranet. Of course, Windows generally has many more users, so if you can't be bothered to check the logs, then the guideline that will apply to most situations is: OK first, Cancel last.

I found this article through a similar question on Stack Overflow: OK-Cancel or Cancel-OK?.

share|improve this answer
add comment

Most users read a page from left to right, so I would imagine that putting the Save/Submit button on the left. What's more important though, is to make the action button more obvious than the cancel button, for example making the Save button a button and the Cancel button a link.

share|improve this answer
    
yes, this is the rule i always follow. Also, make the submit button highlighted, so when a user strokes "Enter" it performs the action. –  David Aug 9 '10 at 20:10
add comment

If user is filling form with tabbing where save is on the right most then it would be hard for him to press 2 tabs or more to reach to save button.

What i do: I generally give different visual cue (colors) to buttons and put desired action on the left not the right(i know lots of people would be disagree with me). You can note that below "Post your Answer" is on the left not the right:)

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.