一次做設(shè)計(jì)對(duì)時(shí)候，一個(gè)同事很好奇的問了下確定按鈕是在左側(cè)還是右側(cè)！我這段時(shí)間正好有空閑，也很好奇想去了解，所以就有了這篇文章，與大家分享。

一、調(diào)研主流規(guī)范和主流應(yīng)用

1. OS系統(tǒng)規(guī)范

我先去IOS設(shè)計(jì)規(guī)范的官方網(wǎng)站查閱，發(fā)現(xiàn)蘋果規(guī)范沒有提到取消和執(zhí)行按鈕的位置要求！只說到彈出框可以包含最多3個(gè)按鈕，其中一個(gè)必須要是不執(zhí)行按鈕，用于取消執(zhí)行操作。

但我們可以看到展示的demo上，取消按鈕是在左側(cè)的，執(zhí)行按鈕是在右側(cè)。

同時(shí)我也查詢了按鈕的相關(guān)規(guī)范，也沒做出相關(guān)的說明。但展示的demo，也是取消在左側(cè)，右側(cè)為執(zhí)行按鈕。

以上截圖取自：macOS Design Themes/Human Interface Guidelines/windows and Views 章節(jié) Alerts 內(nèi)容

2.?安卓Material Design規(guī)范Dialogs章節(jié)

后來我去查閱了安卓端的規(guī)范，也沒有給出詳細(xì)的文字說明，但展示的demo顯示取消在左側(cè)，執(zhí)行在右側(cè)和IOS的規(guī)范是一樣的。截圖來自Material Design Dialogs 章節(jié)

3.?螞蟻金服移動(dòng)端設(shè)計(jì)規(guī)范

截圖來自螞蟻金服Ant Design移動(dòng)端設(shè)計(jì)規(guī)范https://mobile.ant.design/index-cn

4. 主流應(yīng)用

我們隨機(jī)選擇了一些app下載量比較大的應(yīng)用，分別查看了安卓和蘋果的應(yīng)用，發(fā)現(xiàn)也是取消在左側(cè)，執(zhí)行在右側(cè)。

二、分析原因

我們知道了絕大部分主流app都是這樣設(shè)計(jì)，這個(gè)是表現(xiàn)，深層的原因是什么呢？

我先在網(wǎng)上查詢相關(guān)文章，有的同學(xué)做了如下解釋：

1. 閱讀視線的順序造成視線無意識(shí)回跳

我們可以看到當(dāng)消息提示我們進(jìn)行下一步操作的時(shí)候，我們會(huì)下意識(shí)的尋找動(dòng)作（action）按鈕，上圖左側(cè)是WP的彈窗，確定／取消。

我們需要點(diǎn)確定的時(shí)候會(huì)先進(jìn)行掃視，確定按鈕放置在左邊的時(shí)候，往往會(huì)從左往右看一遍再無意識(shí)回跳到左邊。而不是說我先看到左邊有確定就停止往下瀏覽了。

2. 古騰堡法則

古騰堡法則指人們?cè)跒g覽頁面的時(shí)候，視覺都趨向于從上到下，從左到右的眼動(dòng)規(guī)律。左上角是視覺的第一落點(diǎn)區(qū)，而右下角是視覺最終落點(diǎn)區(qū)。

用戶的視覺中心往往在頁面的左上方，而結(jié)束瀏覽時(shí)視線往往落在右下角，所以合理利用這個(gè)法則可以幫助用戶更好地獲取內(nèi)容并采取行動(dòng)。

文章來自https://www.jianshu.com/p/1c5d26e07604

2. 古騰堡法則的弱項(xiàng)

特意去查詢了《設(shè)計(jì)的原則》一書，里面講到了古登堡圖的介紹，里面有一條關(guān)于這個(gè)理論似乎只適合于大量同質(zhì)信息平衡分布的情況。設(shè)計(jì)的元素的也會(huì)影響視線的變動(dòng)。

圖來自：《設(shè)計(jì)的原則》第102頁

三、定量分析

也有人做了定量研究，這30人被分成A和B兩組，A組先使用放在左邊的確定按鈕，再使用放在右邊的確定按鈕；B組先使用放在右邊的確定按鈕，再使用放在左邊的確定按鈕。

有感興趣的同學(xué)可以去看看此篇文章，文章來自??https://www.jianshu.com/p/f176bd63c027

這個(gè)實(shí)驗(yàn)的觀點(diǎn)：確定/執(zhí)行按鈕在右側(cè)，出錯(cuò)率會(huì)更低。

我個(gè)人覺得有幾個(gè)方面的疑問：

1. 測試者來自哪個(gè)國家，因?yàn)閲獍姹镜漠a(chǎn)品體驗(yàn)和國內(nèi)的產(chǎn)品體驗(yàn)有很多的不同，使用產(chǎn)品的方式也有不一樣的地方。
2. 第二次操作操作者可能會(huì)帶有“第一次操作的記憶”，因?yàn)闇y試的人更想早點(diǎn)結(jié)束獲得一定的傭金，所以不一定會(huì)認(rèn)真去看按鈕文字，所以第一次的測試錯(cuò)誤率更有價(jià)值，真實(shí)反應(yīng)了用戶的習(xí)慣操作。

結(jié)論

從理論、實(shí)驗(yàn)來看也只是推敲這個(gè)情況的深層原因，但無不例外的說明一點(diǎn)，就是確定/執(zhí)行按鈕在右側(cè)，更符合人們的使用習(xí)慣。

這個(gè)習(xí)慣是從大量的產(chǎn)品使用當(dāng)中，逐漸養(yǎng)成的習(xí)慣。我們做產(chǎn)品設(shè)計(jì)的時(shí)候，更多要依靠這種習(xí)慣，才可以讓產(chǎn)品使用更加順手。

如果產(chǎn)品想讓用戶更多執(zhí)行確定操作，更應(yīng)該把按鈕放置在右側(cè)。但如果你想讓用戶不執(zhí)行相關(guān)操作，反其道而行之或許是一個(gè)辦法，但這樣也會(huì)引起用戶的反感。

本文由 @一期一會(huì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。