UIAlertView: Where the cancel button should be?

Question

The alert views in iOS system:

• Install App OTA: the cancel button is on the LEFT.
• Delete an App: the cancel button is on the RIGHT.

Where the cancel button should be?

Solution 1

From Human Interface Guideline:

In a two-button alert that proposes a potentially risky action, the button that cancels the action should be on the right (and light-colored).

In a two-button alert that proposes a benign action that people are likely to want, the button that cancels the action should be on the left (and dark-colored).

Solution 2

As per Apple Place buttons where people expect them. In general, buttons people are most likely to tap should be on the right. Cancel buttons should always be on the left. https://developer.apple.com/design/human-interface-guidelines/ios/views/alerts/

Solution 3

If you set the text for the cancel button in the initializer, iOS will take care of this for you.

As the Human Interface Guidelines say:

In a two-button alert that proposes a potentially risky action, the button that cancels the action should be on the right (and light-colored).

Although, in practice, you may be labeling your buttons with something other than the generic label. (I have Yes/No) alerts in many circumstances. As your example from Apple shows, this part of the HIG won't be a deal breaker for your app.

Comments

[Mr. Míng]

I see, but is that really friendly to user? Sometime it is on the left, and sometime it is on the right. When an alert view is shown, user must take attention on that which is the cancel button. How do you think about it?

[taskinoor]

I think Apple is suggesting the more prominent button should be in right. When the action is risky or destructive then cancel is at right. And when the opposite the other button is at right. May be right handed people are tend to select right button, though I'm not sure though what is the psychology behind this.