確定按鈕該放在左邊還是右邊？這是一個很有趣的問題，本文作者從多個方面對這個問題進(jìn)行了梳理分析，與大家分享。

原文被知乎日報(bào)收錄，聽說八成的人都沒猜出答案。這次我優(yōu)化了文章，也增加了新的內(nèi)容，供大家一起參考和學(xué)習(xí)。

英國的人機(jī)交互課題都喜歡研究一些和文化、游戲、智能硬件、弱勢群體之類的“大課題”，而我卻偏喜歡琢磨一些接地氣的東西，比如說：確定按鈕應(yīng)該放在左邊還是右邊？

做PC端得人看到這個問題，可能第一反應(yīng)是：放在哪邊看的清楚些？而做移動端的人看到這個問題，也許會想：放在哪邊方便點(diǎn)擊？

要分析交互形式的好壞，最直觀的數(shù)據(jù)指標(biāo)就是操作時(shí)間與錯誤率這兩種。

01 操作時(shí)間有差異嗎？

早在 2004 年，就有叫做 Walker 和 Stanley 的兩人針對這個問題做了研究實(shí)驗(yàn)。他們用 Windows 98 做了一個類似彈窗游戲的程序，讓用戶點(diǎn)擊 Yes 或 No 來選擇是否購買股票。規(guī)則是當(dāng)價(jià)格低于一定值的時(shí)候買，高于一定值的時(shí)候賣。

結(jié)果顯示，操作按鈕在左側(cè)時(shí)，用戶的反應(yīng)速度要快一些?？於嗌倌兀?00 毫秒而已。我覺得這個差距在實(shí)際生活中可以忽視了吧…

再說這種不斷點(diǎn)彈窗的游戲，已經(jīng)完全脫離了真實(shí)的使用場景，即便測出了什么，也不具備足夠的體驗(yàn)設(shè)計(jì)借鑒價(jià)值?？磥聿僮鲿r(shí)間這個指標(biāo)，不太好用。

02 錯誤率有差異嗎？

我發(fā)現(xiàn)錯誤率還沒人研究，于是就自己做了一個實(shí)驗(yàn)。我手動碼了下面這兩個網(wǎng)站（為了優(yōu)化文章閱讀體驗(yàn)，下圖為示意，與真實(shí)的網(wǎng)站不完全一致），用戶被要求填寫一些基本信息，然后從九張圖片中選擇自己最喜歡的。

這兩個網(wǎng)站幾乎一模一樣，唯一的區(qū)別在于選圖頁面確定按鈕與取消按鈕的位置。

為了讓實(shí)驗(yàn)更加真實(shí)，我會“誘騙”參與者，不告訴他們測試的真實(shí)目的。總共 30 人從我手中接過 iPad 參加這個實(shí)驗(yàn)，也就是說每組15人。

P.S. 很多心理學(xué)/行為學(xué)實(shí)驗(yàn)都是這個樣本量，不是大數(shù)據(jù)那套玩法。

結(jié)果，現(xiàn)實(shí)狠狠地給我一個教訓(xùn)，兩組的錯誤率像差無幾！確定在左邊時(shí)錯誤率高一些，但也沒有達(dá)到統(tǒng)計(jì)學(xué)上的“有感”。

03 錯誤率真的看不出問題嗎？

雖然第一次實(shí)驗(yàn)失敗了，但是我總覺得有哪里不對。作為一名用戶，我并不認(rèn)為確定按鈕的位置是無所謂的，但為什么表現(xiàn)在操作時(shí)間和錯誤率上的差異會如此無感？

思考了很久之后，我對原有的實(shí)驗(yàn)做了優(yōu)化。兩個網(wǎng)站幾乎與之前一模一樣，唯一的差別是，在選了最喜歡的圖片后，用戶會被要求選擇最不喜歡的圖片，而此時(shí)兩個按鈕的位置會偷偷交換。

結(jié)果卻出現(xiàn)了神奇的反轉(zhuǎn)：第一個頁面的錯誤率與上次沒有差別（肯定的），第二個頁面的錯誤率不但大大增加，而且兩組之間出現(xiàn)三倍的差異！

04 看不見的用戶心理

無論是哪一組，用戶在第一次點(diǎn)擊確定按鈕時(shí)，錯誤率都不高。而為什么在第二頁交換按鈕位置后，為什么只有從右變到左的B組，錯誤率從 0 逆轉(zhuǎn)至 66.66% 呢？而從左變到右的A組，錯誤率從 13.33%到23.08% 也不過翻了一倍而已（雖然這也很夸張了）。

想一想按鈕位置是不是和開門很像呢？雖然通常室內(nèi)設(shè)計(jì)都是“推門而入”，但有時(shí)候我們也不知道而該推門還是拉門。

有天小藍(lán)來到一棟陌生大樓，因?yàn)榈谝淮蝸?，所以他推門稍稍前留了一個心眼。他在門上看到了一個“拉”字，于是立即反應(yīng)過來，停止推門的動作，改為拉門而入。進(jìn)去后，走著走著，又遇到一個門。他記著剛才的教訓(xùn)，這次動手前仔細(xì)看了一眼，結(jié)果發(fā)現(xiàn)門上寫的是“推”字。

小紅也同樣來到一個陌生的大樓，她在推門前也稍稍留了個心眼。幸運(yùn)的是大門和她的習(xí)慣一樣，都是朝里推的，所以她沒有遇到任何阻礙就進(jìn)入了這棟樓。由于進(jìn)大門時(shí)沒有阻礙，所以她在遇到第二扇門時(shí)，就沒再多想，直接推門。結(jié)果推了幾次才發(fā)現(xiàn)門上寫的是“拉”字。

如果把小藍(lán)看作A組用戶，小紅看作B組用戶，錯誤率的差異就不難理解了。因?yàn)锳組用戶在第一次嘗試時(shí)差點(diǎn)吃虧，于是吸取了教訓(xùn)，第二次格外小心；反觀B組用戶，第一次暢通無阻，于是就看不到第二次的坑。

想到這里，感覺太棒了，終于得出結(jié)論了，所以確定按鈕應(yīng)該放在左邊才是最順手的對嗎？非也！

05 一開始就問錯了問題

確定按鈕無論在左邊在右邊，單次操作時(shí)間和錯誤率都沒有多大的差別，哪怕真的有影響，那點(diǎn)微乎其微的差異真的沒有糾結(jié)的必要，簡直浪費(fèi)時(shí)間。

而且無論做什么實(shí)驗(yàn)，都會收到設(shè)備和系統(tǒng)的影響。我的實(shí)驗(yàn)使用的是 iPad 網(wǎng)頁瀏覽器，說實(shí)話也不一定具備完全的代表性。

我認(rèn)為這個實(shí)驗(yàn)真正教會我們的是，不要輕易違背用戶習(xí)慣！

為了提高效率，我們的很多行為，不是靠大腦思考的，而是靠身體記憶的。人們通常只會在第一次接觸新事物時(shí)，啟用大腦，之后大部分情況都處于“無意識狀態(tài)”。也就是說，除了第一次，以后都不要指望用戶再動腦筋！

有本書叫做 Don’t Make Me Think ，其實(shí)我覺得可以加一句 NEVER Make Me Think Again。

06 所以，確定按鈕到底要放哪？

確定按鈕無論在左邊還是在右邊，遵循系統(tǒng)規(guī)范才是最穩(wěn)妥的。倒不是說他們設(shè)計(jì)得一定多好，而是因?yàn)椴僮飨到y(tǒng)就好比一棟大樓，用戶在進(jìn)入你的房間之前，必定經(jīng)過了這棟的大門，所以十有八九已經(jīng)“被養(yǎng)成”一定的操作習(xí)慣了。

現(xiàn)在除了 Windows 之外，其它大部分操作系統(tǒng)，不論是PC還是移動，都普遍把確定按鈕放在右邊。所以再決定按鈕之前，想一想你的用戶是從哪個系統(tǒng)來的就好。

除了按鈕之外，統(tǒng)一規(guī)則還可以延展至其它的控件、布局和概念。讓用戶養(yǎng)成習(xí)慣，直至不帶腦子就可以使用你的產(chǎn)品，這樣就不會踩坑了。

甚至你把用戶培養(yǎng)好后，他們會產(chǎn)生依賴，即便遇到設(shè)計(jì)得更有理有據(jù)的產(chǎn)品，也都懶得切換了。因?yàn)槿魏稳硕紩δ吧挛锂a(chǎn)生顧慮，哪怕新路更省時(shí)省力省錢，也更愿意走自己熟悉的老路。

作者：Z Yuhan，一名前華為騰訊交互設(shè)計(jì)，在英國學(xué)習(xí)了人機(jī)交互，樂意帶你由淺入深了解產(chǎn)品體驗(yàn)；公眾號：體驗(yàn)進(jìn)階

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

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