Today I created a simple web form. So simple indeed that it has only three design elements:
- input field
- OK button, in this case labeled “Save”
- Cancel button
Since I’m always confused about the order of OK – Cancel buttons (you, should it be OK / Cancel or Cancel / OK), I checked a few dialogs around my OS X and they all read Cancel / OK.
I personally prefer the second option, as I usually like to confirm my dialog boxes and it’s much easier to hit OK in down right corner vs. finding the item next to it.
Second choice it’s probably that I’m brainwashed from seeing this choice all the time on my Mac.
After showing my choices to the person in charge, I got the obvious feedback: “Reverse the Cancel / OK button”.
Fine! (I change the button order and go looking in various HIG documents).
Here are results:
Always put the action button in the bottom-right corner of the alert. This is the button that completes the action that the user initiated before the alert was displayed. [ed. note: this would make it Cancel / OK]
Show abutton that will prevent authentication and close the alert. Place this button to the immediate left of the or equivalent button. [ed. note: this would make it Cancel / OK]
Place command buttons that apply to all property pages at the bottom of the property window. Right-align the buttons and use this order (from left to right): OK, Cancel, and Apply. [ed. note: this makes it OK / Cancel]