iOS 7 的 Alert Views 按鈕（確認和取消）布局改變了嗎？

01-05

鏈接如下：https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/UIAlertView.html#//apple_ref/doc/uid/TP40012857-UIAlertView-SW1

樓主這個坑大啊。。。忽悠了多少人去解釋一個偽問題。。。

是的，這是一個偽問題。。。而且，錯的還不止一處。

第一，這種布局在 iOS7 以前就有了。

第二，按鈕的擺放，目前根本沒有根據功能統一。無論 iOS7 還是之前的 iOS 的。

上圖取消在右？

而同樣是 iOS7 系統功能，取消在左。

更多取消在左的例子：

iOS6 ，取消在左（ boxcar 是第三方，但是那個 alert view 是 appstore 的應該）。

第三，alertview 的按鈕擺放，其實是有規律的

而且簡單的到死，就是：

。

想讓用戶點擊的放右邊！！！

先看這個，

在 App 里，遇到告警或者提示用戶，「確定」按鈕應該放在左邊還是右邊？

解釋了為什麼要放右邊。

再看@李楠的答案，解釋了誰應該放右邊——

想讓用戶點擊的放右邊！！！

接下來是怎樣的按鈕才是系統「想讓用戶點擊的」。

Alert views allow the user to:

Be immediately informed of critical information

Make a decision about a course of action

警告框告訴用戶發生了什麼事，這件事發生後用戶該怎麼操作。

然用戶可能會看不懂給出的警告內容，更多時候他不願意花時間去看，

這個時候系統需要給出建議操作，也就是想讓用戶點擊的。

· iOS 的建議操作都在右邊且高亮，因為大多數時候建議操作都是正面意義的，幫助用戶順利完成任務。

所以很多人認為確定在右取消在左，所以題主當看到 iOS7 規範里 Cancel 在右時，提了這個偽命題。

· 某個簡單的操作會侵犯用戶隱私或者造成用戶無可挽回的損失，儘管正面意義的按鈕是用戶最想要點擊的，系統給出的建議操作會放在否定意義的按鈕上。

曾經蘋果因為收集用戶位置信息，隱私問題媒體上鬧得沸沸揚揚。

現在地圖280 要獲得用戶位置，需要得到用戶同意，而且建議操作是取消。微軟是嚴格的確定在左取消在右彈框，它通過默認聚焦的方式給出建議操作。

多數情況下，也是給在正面意義的按鈕上，也有默認聚焦在否定意義按鈕的，比如：

因為文件一旦被替換，會對用戶造成「無可挽回的損失」。

以前回答過一個問題，感覺和這個問題類似。引用一下。

為什麼手機QQ空間的退出「確認」按鈕要放右邊，而不是像PC那樣放左邊。

答案：

PC側和手機側均是遵循了windows與iOS/android的系統習慣，windows的系統標準是確定在左側；iOS/android的標準是在右側。

這是一個細緻而有趣的問題。windows在定義系統規範時，習慣左側是積極的操作響應，右側是消極響應，映射到具體的確定/取消按鈕上，就演變成左邊確定，右邊取消；而mac OS一貫以來的習慣則恰好相反，映射到iOS也沿用了mac一直以來的習慣，左側是消極響應，右側是積極響應；android的態度一直比較模糊，直到android 4.0才明確了與iOS一致的規範，左側是消極相應，右側是積極響應；至此就可以看到，手機側的兩大系統不約而同的選擇了左側取消，右側確定的方案，剛好與PC側相反。

有明顯的暗示與導向。

《iOS 7 Design Resources》中並沒有關於按鈕擺放位置的說明。只是文檔中的配圖碰巧是「確認」在左而已。

Alert Views的重點還是下面這兩句話，如何設計要看具體的場景。

Alert views allow the user to:

Be immediately informed of critical information

Make a decision about a course of action

MoonMonster在這個問題里已經有了不錯的答案：《在 App 里，遇到告警或者提示用戶，「確定」按鈕應該放在左邊還是右邊？》，這裡就不重複了。

OK 確認 cancel 取消

個人覺得這裡的cancel 有和關閉按鈕同樣的含義，如果是PC上彈出提示窗口，我會習慣性的去點右上角的關閉按鈕，來關閉窗口，因為很多時候，我懶得想點了確認後會發生什麼~

cancel 取消放到了右側，更方便點擊~ 難道是為了方便我這種想法的人 ~ 我就想點取消，而不是確認~）這樣「感覺」承擔的風險小一些。

左右位置的設計需考慮：

1.用戶已經養成的alert的左右印象，如windows培養出的左確定右取消的印象。

2.用戶操作時更容易點左還是右，如右手握持更容易點右邊的鍵

3.流程中期望的用戶會點左還是右，這點在不同情況下是不一樣的，比如需要引導用戶進行message中的操作，那麼放在更容易點擊的地方更好。如果不需要，為了放置誤操作，放在不容易操作的地方更好。這裡判斷是否容易操作要兼顧1和2.