Itqualityassurance
So 'Cancel' is always on the right of OK button for Windows platform. Apple MacOS Guidelines says that “A button that initiates an action is furthest to the right. The Cancel button is to the left of this button.” So for MacOS users 'Cancel' is on the left of 'OK' button.
- Where should a help button be placed?
- Where do you put Save and Cancel buttons?
- Is OK on left or right?
- Why is the OK button on the right?
Where should a help button be placed?
A help button, link, or icon relating to the whole form or screen function should be located on the top right corner of the screen but below the global header (see Figure 3). Help relating to the entire application or website, such as phone help, support numbers, or global tips, should be placed in the global header.
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.
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.
Why is the OK button on the right?
This button placement works because it maps to the user's left-to-right reading and navigating direction, where right is the direction to progress and left is the direction to regress. 'Ok' and 'Cancel' buttons in dialog boxes should follow a similar interaction pattern because they function like pagination buttons.
