確定按鈕該放在左邊還是右邊?

P.S. 這是我在英國約克大學讀研時,一個關於 error 定量研究的課題作業。

仔細想想,我們做交互設計,講了那麼多「高大上」的理念,竟然很多小細節都還沒有弄清楚——比如,確定和取消按鈕哪個該放左邊哪個該放右邊?

其實這個問題,連世界最大的技術公司都沒有確切的答案。

蘋果說,不論移動或電腦設備,行動按鈕(Action button)都放在右邊,也就是說*確定按鈕放在右邊*:

蘋果的移動設備:

蘋果的桌面設備:

微軟說,除了刪除之類的負向操作外,不論移動或電腦設備,*確定按鈕放在左邊*:

微軟的移動設備:

微軟的桌面設備:

實驗

為了弄清楚這個問題,我做了一個實驗。

試驗中A組和B組的區別只是交換了按鈕位置:

我一共找了30人,先讓他們在九張圖中選擇最喜歡的一張,然後按確定按鈕提交。然後再讓他們在剩下的圖中選擇最不喜歡的,再按確定按鈕提交。這個實驗的關鍵是,在選擇不喜歡的圖時,*確定和重置按鈕的位置被悄悄替換了*。用來測試的是一個在iPad上展示的黑白簡易網站(真實截圖在文章最後):

然而,這30人被分成A和B兩組,A組先使用放在左邊的確定按鈕,再使用放在右邊的確定按鈕;B組先使用放在右邊的確定按鈕,再使用放在左邊的確定按鈕。

整個實驗過程中,唯一被記錄的只有*點擊重置按鈕的次數*。(當然,為了避免有人故意點重置按鈕,事後會問他們是不是故意點的,如果是,就不會把此人的數據計算在內。)

結果出乎意料地有趣(兩組的錯誤率完全不同):

分析

人們在第一次選圖時,如果確定按鈕在左(A組),則有13.33% (2/15) 的錯誤率;如果確定按鈕在右邊(B組),則沒有人出錯。然而2個人未免有點少,不夠說服力,所以到這裡還看不出什麼證據。

真正意想不到的是,在第二次選圖時,如果按鈕從左換到右邊(A組),錯誤率稍有提升達到23.08%(3/13,註:減去了第一次出錯的人);如果確定按鈕從右換到左邊(B組),錯誤率竟然從第一步的0%衝到了*66.66%*(10/15)!如果不是親自做的這個實驗,我可能不會相信這個結果。

那麼,為什麼唯獨將確定按鈕從右換到左時,才有超過一半的人點錯呢?

我的推測如下:從兩組的第一步實驗就可看出端倪,人們是比較習慣確定按鈕在右邊的,所以B組的第一步才*沒有人出錯*。A組出錯的人不是很多可能是因為,像點按鈕這樣的簡單任務,即便不符合習慣,也很容易在最後一刻發現自己即將點錯,並及時糾正。所以15個人里也不過2個人點錯了。

所以A組的大部分測試者雖然在第一部中沒有犯錯,但因為差點按錯按鈕而提高了警覺,所以在第二步中,雖然按鈕的位置出現了意想不到的翻轉,但大部分人還是再次察覺到了按鈕位置的異常。

相對的,B組的被測試者因為在第一步走得很順利,所以在第二步中根本不會考慮按鈕位置的問題,猝不及防地改變了確定按鈕的位置後,他們中的大部分人都點錯了。估計那些沒點錯的少部分人中,不少人都是差點按錯,在最後時刻才發現並糾正的。

結論

所以,得出結論,只有確定按鈕放在右邊時,使用體驗才是最順暢的嗎?

這個結論,無法輕易得出。因為影響人們使用習慣的因素很多,例如設備(本實驗使用平板)、系統(本實驗使用IOS)和載體(本實驗使用網頁)等。尤其是本實驗使用iPad,而包括iPad在內的蘋果設備都是把確定按鈕放在右邊的。因此無法判斷被測試者在右邊尋找確定按鈕的習慣是出於本能還是對IOS系統的適應。

個人認為,*系統規則*可能影響更大。舉一個例子,中國人用筷子,西方人用刀叉,要證明筷子和刀叉哪個更加適合人類本能,怎麼設計實驗?恐怕唯一的實驗對象只能是還沒學會用餐的小孩,因為在每個人已經被環境同化的情況下,本能的影響已經微乎其微了。而就算真的證明了筷子和刀叉哪個更符合人類本能又怎樣呢?也不可能因為那一點微小的學習成本就讓全世界廢棄任何一種餐具。思考到這裡,恐怕*順應大環境*才是最好的選擇。

最後附上該實驗的真實工具(我自己做的):

P. S. 這原本是一個完整的學術研究,調研分析中我幾乎把人機交互領域關於左右差異的研究,甚至認知心理學的相關研究都調查過了(怕大家無聊就沒在這裡擺出),這個問題的確到目前為止還沒人能給出定論。另外,關於樣本數量的問題,其它此類研究的樣本大多也不過三四十人,所以這個實驗的樣品數量算是合格的。

未經允許請勿轉載此文


推薦閱讀:

1998年就能人機互動的智能玩具,現在怎麼樣了?
圖形界面的末路?
推薦2016年看過的ux書
語音交互界面的聲音標記
Toyota T-HR3和Master Maneuvering System :設計的很好的控制外骨骼

TAG:交互设计 | 人机交互 | 图形用户界面 |