開始按鈕怎麼關不了?當我們在設計一款産品的時候，遇到确定/取消按鈕的時候，經常會停下來想一想：到底是哪種位置合适？很多的新手PM，就會靠直覺或者自認為怎麼樣放舒服就咋樣，根據自己主觀的想法來搗鼓這兩個按鈕，接下來我們就來聊聊關于開始按鈕怎麼關不了?以下内容大家不妨參考一二希望能幫到您!

開始按鈕怎麼關不了

當我們在設計一款産品的時候，遇到确定/取消按鈕的時候，經常會停下來想一想：到底是哪種位置合适？很多的新手PM，就會靠直覺或者自認為怎麼樣放舒服就咋樣，根據自己主觀的想法來搗鼓這兩個按鈕。

下面，我們就來分析一下到底是确定，取消？還是取消，确定？

先看一下兩個不同見解的分析：

1、确定，取消位置

說話習慣：

确定取消位置擺放，可以解釋為符合日常說話習慣，因為我們提出問題，并且有肯定否定選擇的時候，表達習慣經常是這樣子“Are you sure？Yes?Or no?所以，确定取消位置可以這麼解釋，也是有道理的。

閱讀習慣：

閱讀習慣都是從左到有右，從上到下，所以比較快速看到了确定。

2、取消，确定位置

增加了交互感：

取消之後是終止本次操作，不進行下一步；确定是跳轉到下一個環節；所以，取消在左邊，确定 在右邊是符合了推進事項或者進入下一環節的交互。

流程不需要折返：

用戶一般是從左往右看的，用戶讀完内容，想取消，直接就是左邊點擊取消，流程不需要去折 返。

---

上面是兩種不通見解的分析，以下我們就來八一八該怎麼放才合理。

1、個人總體認為，平台習慣第一原則。

windowns：确定取消

windowns

OSX取消确定

OSX

IOS取消确定

IOS

andoird取消确定

安卓

作為PM也好，UI設計也好，最好是跟操作系統保持一緻，這樣可以節省用戶的辨識度。因為用戶已經習慣了操作系統的習慣，就算你認為你的設計會幫助用戶節省半秒鐘時間，但是一旦用戶因為慣性錯點就損失的不隻是半秒鐘的時間了。

2、用動詞代替确定

動詞代替确定

像上面的圖，APPLE的确定按鈕，用的是動作 來代替，這樣做的好處是：可以起到警示作用，直接是告訴用戶下一步的操作是什麼，誤點的概率會少點。

3、閱讀習慣理由是不成立的

用戶一般看到這兩個按鈕，不會去細看是什麼，都是掃一眼就過了，真的沒有人回去腦子裡去閱讀這兩個按鈕的，所以在這裡用戶的閱讀習慣是不成立的。

4、誤操作，危險的按鈕放遠點

WIndowns

OS

上面的例子，拿 Windows 裡的 Notepad 跟 OS X 上的 Keynote 對比，當用戶在有更改沒有保存時試圖關閉 App時，Notepad 的“不保存”按鈕夾在“保存”和“取消”之間，用戶無論是點“保存”還是“取消”都有可能誤點到“不保存”而丢失更改。而 Keynote 把兩個不會造成危害的“取消”和“保存”按鈕放在右邊，而把“删除”放在最左邊。（由于 Keynote 會對已經存在在磁盤上的文檔自動保存更改，所以圖片截取得是關閉新文檔時的對話框。因此按鈕上是“Delete”，意思是點這個按鈕文檔就删除了，易于理解。）

---

總結：不要自以為操作系統給用戶培養的習慣并不重要，大家如果研究過安卓系統的話，都知道安卓一開始的系統是确定取消，後面4.0左右的系統就改變為取消确定，當時就很多人點錯了。

所以，不管什麼，也不用去研究什麼原則，與操作系統保持統一是第一原則，如果你不信呢，就跟系統對着幹看看吧。

好啦，今天分享到此，更多内容可以關注微信公衆号”産品經理之二三事“。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部