確定在左，取消在右？

7 評論 18397 瀏覽 11 收藏 7 分鐘

開篇

確認框，顧名思義，就是對用戶的關鍵行為進行確認。比如在Windows操作系統中，刪除某個文件的時候，都會詢問“確實要把此文件放入回收站嗎？”，用戶可以選擇“是”或“否”。

大家對于確認框的感覺大抵如此，覺得非常多余，打斷了我的操作。這就像我著急上廁所，卻被告知要先收費一樣讓人不爽。不能否認，確認框是一種打斷，有時甚至是打擾。

所以這里要把握住一個原則：能不用確認框就盡量不要用。除非用戶的操作具有很大的風險，一定需要他來確認一下。

確認在左，取消在右？

根據windows多年培養的用戶習慣，大家都已經默認一個原則，就是確認在左，取消在右。但是，這樣做是否真的合理呢？我們今天就來探討一下這個問題。

如果不是誤操作，相信用戶做事情前都是經過了一定思考。所以當彈出確認框的時候，我們猜測大部分用戶都會去選擇“確認”/”是”，繼續之前的操作。之后本文的探討，都講建立在這樣一種假設的基礎上，即用戶是想去選擇“確認”/”是”。

1.以視覺流的角度分析

如果將“確認”放在左邊，“取消”放在右邊。

我們相信大部分用戶在決定采取哪一個操作之前，都會把所有可以選擇的操作都看一遍，以免做出錯誤的操作（當然不排除會有專家級用戶 ?選擇只看自己想進行的操作）。根據從左到右的閱讀習慣，用戶會首先看到左側的“確認”，然后看一下在它旁邊的“取消”，了解到所有可以進行的操作后，再回到“確認”按鈕上，最后點擊。

用戶的視覺流將會如下：

21

如果將“確認”放在右邊，“取消”放在左邊呢？

則用戶會首先看到“取消”，然后看到“確認”，這個時候用戶已經看到所有的操作，直接點擊“確認”，完成操作。

31

確認按鈕在左，取消按鈕在右的情況，用戶需要三步才可以最后確認操作。而確認按鈕在右取消按鈕在左的話，用戶則通過二步就可以完成確認操作。

這樣來說，“確認“在右，“取消”在左，視覺上是不是更順暢、更輕松一些呢？

2.古騰堡法則

古騰堡圖指人們在瀏覽頁面的時候，視覺都趨向于從上到下，從左到右的眼動規律。左上角是視覺的第一落點區，而右下角是視覺最終落點區。用戶的視覺中心往往在頁面的左上方，而結束瀏覽時視線往往落在右下角，所以合理利用這個法則可以幫助用戶更好地獲取內容并采取行動。

41

既然用戶最終操作行為是“確認“，我們是不是就應該把“確認”按鈕放在最終視覺落點區呢？這樣用戶既不會錯過“確認”這個重要操作，也保證用戶在這之前都掃描到了所有的操作。

如果把確認按鈕放在左邊，那么這個最重要的操作就一直在視覺的落盲點，這樣是不是不合理呢？

3.”上一步”與“下一步“的操作習慣

對于確認與取消這2個操作來說，確認意味著執行該操作，即進入到下一步；而取消按鈕則是放棄該操作，即返回到上一步。

按鈕的位置，映射到用戶閱讀和瀏覽從左到右的順序，右邊是前進，左邊是回退。而按照現有一致性的布局，“上一步”一般放在左邊，“下一步”則放在右邊。

那么根據上一步和下一步按鈕的邏輯來說，確認在右邊，取消在左邊，是不是更加符合用戶的心理預期呢？

61

總結

根據以上3點分析,結論如下

?1. 根據視覺流來分析，確認在右、取消在左能讓用戶的視覺流更加順暢

?2.??根據古騰堡法則，確認在右邊，取消在左邊能為用戶提供更高效的任務流程

?3. 根據”上一步”與“下一步“的邏輯，確認在右、取消在左能符合用戶的心理預期

?以上3點均證明確認在右，取消在左，對用戶來說體驗更佳。

? ? ? ?然而現實中卻并非如此，可怕的windows規范已經培養了強大的用戶習慣，確認按鈕在左邊，取消按鈕在右邊。這在用戶的心中已經形成一個默認的原則，改變用戶的習慣非常艱難。如果我們維持windows的按鈕位置，用戶依然要付出更多的精力去選擇；如果我們站出來做一些改變，這樣的改變用戶是否能接受，又是否會在全網一致性上給用戶造成更大的困惑……

到底是為提高用戶體驗做一些改變，還是延續用戶的使用習慣？這是一個問題……

來源：tid.tenpay

更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
艾米
小蘿莉一枚，從事互聯網
266篇作品 3141399總閱讀量
08-233608 瀏覽
阿里的AI有點“笨”，但是他們能成事兒！
11-292975 瀏覽
從支付寶做短視頻，聊聊工具產品做內容的思路
03-024421 瀏覽
小紅書“復刻”微信，微信“內造”小紅書
04-264190 瀏覽
消費者覺醒下所有中式餐飲運營者都應看到這三點變化！
09-014037 瀏覽
搞笑社區APP評測！最右APP產品體驗報告
評論
評論請登錄

  1. 杠精小白發表一下看法
    作者反對微軟的“反人類操作習慣”卻又用第三條所謂的“上一步下一步操作習慣”來解釋問題。有偷梁換柱，前后矛盾的嫌疑。
    比較贊同“根據不同場景，具體分析”這個說法。
    那么問題來了，全站要不要保持統一呢？既確定都在一邊。

    來自北京 回復

  2. 具體問題具體分析吧。如果是類似于購物訂單確認，需要用戶積極參與下一步行動的時候，確認按鈕放在右下角的位置比較好。如果是涉及到重要的銷毀性的操作，比如刪除數據的提示，建議是放在左邊比較好。按照大部分人都是右手為主要操作手的情況下，放在左邊可以在一定情況下避免誤操作。

    來自廣東 回復

    1. 非常同意這個觀點

      來自江蘇 回復

  3. 這個要具體情況具體分析了，知道了用戶的眼動習慣后，就可以按照產品希望用戶達到的處理結果來設計放左還是右

    來自上海 回復

  4. ?? 電動老爺車www.wosen-ddc.com

    來自廣東 回復

  5. 這還是要看你面對的是什么類型的用戶對象。
    如果是一般的娛樂、資訊、影視等等以觀看為最終行為的軟件或網站，那么用戶所需要做出的判斷就是一個低風險的即時判斷，那么確定的判斷就是概率最高的默認判斷，確定在左，更便于用戶快速處理。
    如果是簡歷修改、用戶信息修改、財務入賬等需要做出謹慎處置的行為，那確定還是放在右側更符合用戶謹慎判斷的需要。

    來自北京 回復