Itqualityassurance
- Where do you put Save and Cancel buttons?
- Which side cancel button?
- Should save button be on top or bottom?
- Should primary button be on the left or right?
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.
Which side cancel button?
In most languages, people are accustomed to read from left side to right side, so it accords with our speech habits to put ok-key on the left side of cancel-key. 2. “Ok/cancel” type make it easier to see and select ok-key.
Should save button be on top or bottom?
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.
Should primary button be on the left or right?
Full page designs should have the primary button on the left side of the page. If the browser window is large, or you have to scroll down to fill out a form, it's best to have the primary button right below the last bit of content on the page.
