Button

Save cancel button order

Save cancel button order
  1. What does a Cancel button do?
  2. Should you save the button at the top or bottom?
  3. Is OK on left or right?

What does a Cancel button do?

What does the Cancel button do exactly? It dismisses the user's current screen and brings them back to their previous screen. This dismissive button is a safeguard to prevent unwanted changes to the system. But when it looks like a call to action button, it's hard to recognize.

Should you save the button at the 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.

Is OK on left or right?

Listing OK first supports the natural reading order in English and other languages that read left-to-right. Many other button sets have a natural progression (say, Yes / No or Previous / Next). You should always list these so that the reading order matches the logical order — in this case, OK / Cancel.

IOS apps log users out when upgrading to a new phone
Do apps stay logged in when transferring to new iPhone?Why are my apps signing me out?Can apps see my Apple ID? Do apps stay logged in when transfer...
IOS bar button - How do you place your only cancel (close) bar button?
What is the difference between cancel and close button?How do I get rid of the default back button in IOS?How do I hide the navigation bar button in ...
A good UX for optionally overriding settings
Which of the following should be implemented in a good UX design all the options make interfaces intuitive create consistent interfaces provide more ...