Itqualityassurance
- Where do you put Save and Cancel buttons?
- Should save buttons be on the left or right?
- Where should back button be placed?
- Where do I put the save button in UX?
Where do you put Save and Cancel buttons?
On a normal form, Save should be under the form fields. Cancel should be to the left or right of Save, but not too close to avoid tragic mistakes. Luke W's Web Application Form Design page has some illuminating diagrams. Your form is unusual in that you want the buttons to be at the top.
Should save buttons be on the left or right?
Left: 'save and exit' button button above the primary button (not recommended). Right: 'save and exit' button next to the primary button (good). Sometimes users might need to save their progress on a long form. Putting the 'save and exit' button above the primary button implies it's more important, when it isn't.
Where should back button be placed?
Place a persistent Back to Top button in the lower right side of the page. This is where people expect to see it. This position is out of the way, but noticeable. When the button is placed in a different place on the screen, it is often ignored.
Where do I put the save button in UX?
Considering that your users will typically navigate to one category, make a change, then click Save Changes, I think placing the button at the bottom/left is best. If your users were frequently making changes across multiple categories, then you'd have a good argument for placing the button at the top.
