- Where do I put the Save button?
- Should save button be on top or bottom?
- Should primary buttons be on the right or left?
- What is a ghost button?
Where do I put the Save button?
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.
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 buttons be on the right or left?
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.
What is a ghost button?
A 'Ghost button' is the name given to those buttons that have a label and an outline but no solid fill, where the body of the button adopts the look of the background. They are commonly used on websites and user interfaces with simple and minimalistic aesthetics.