開篇
確認框,顧名思義,就是對用戶的關(guān)鍵行為進行確認。比如在Windows操作系統(tǒng)中,刪除某個文件的時候,都會詢問“確實要把此文件放入回收站嗎?”,用戶可以選擇“是”或“否”。
大家對于確認框的感覺大抵如此,覺得非常多余,打斷了我的操作。這就像我著急上廁所,卻被告知要先收費一樣讓人不爽。不能否認,確認框是一種打斷,有時甚至是打擾。
所以這里要把握住一個原則:能不用確認框就盡量不要用。除非用戶的操作具有很大的風(fēng)險,一定需要他來確認一下。
確認在左,取消在右?
根據(jù)windows多年培養(yǎng)的用戶習(xí)慣,大家都已經(jīng)默認一個原則,就是確認在左,取消在右。但是,這樣做是否真的合理呢?我們今天就來探討一下這個問題。
如果不是誤操作,相信用戶做事情前都是經(jīng)過了一定思考。所以當(dāng)彈出確認框的時候,我們猜測大部分用戶都會去選擇“確認”/”是”,繼續(xù)之前的操作。之后本文的探討,都講建立在這樣一種假設(shè)的基礎(chǔ)上,即用戶是想去選擇“確認”/”是”。
1.以視覺流的角度分析
如果將“確認”放在左邊,“取消”放在右邊。
我們相信大部分用戶在決定采取哪一個操作之前,都會把所有可以選擇的操作都看一遍,以免做出錯誤的操作(當(dāng)然不排除會有專家級用戶 ?選擇只看自己想進行的操作)。根據(jù)從左到右的閱讀習(xí)慣,用戶會首先看到左側(cè)的“確認”,然后看一下在它旁邊的“取消”,了解到所有可以進行的操作后,再回到“確認”按鈕上,最后點擊。
用戶的視覺流將會如下:
![21](https://image.woshipm.com/wp-files/2013/01/21.png)
如果將“確認”放在右邊,“取消”放在左邊呢?
則用戶會首先看到“取消”,然后看到“確認”,這個時候用戶已經(jīng)看到所有的操作,直接點擊“確認”,完成操作。
![31](https://image.woshipm.com/wp-files/2013/01/31.png)
確認按鈕在左,取消按鈕在右的情況,用戶需要三步才可以最后確認操作。而確認按鈕在右取消按鈕在左的話,用戶則通過二步就可以完成確認操作。
這樣來說,“確認“在右,“取消”在左,視覺上是不是更順暢、更輕松一些呢?
2.古騰堡法則
古騰堡圖指人們在瀏覽頁面的時候,視覺都趨向于從上到下,從左到右的眼動規(guī)律。左上角是視覺的第一落點區(qū),而右下角是視覺最終落點區(qū)。用戶的視覺中心往往在頁面的左上方,而結(jié)束瀏覽時視線往往落在右下角,所以合理利用這個法則可以幫助用戶更好地獲取內(nèi)容并采取行動。
![41](https://image.woshipm.com/wp-files/2013/01/41.png)
既然用戶最終操作行為是“確認“,我們是不是就應(yīng)該把“確認”按鈕放在最終視覺落點區(qū)呢?這樣用戶既不會錯過“確認”這個重要操作,也保證用戶在這之前都掃描到了所有的操作。
如果把確認按鈕放在左邊,那么這個最重要的操作就一直在視覺的落盲點,這樣是不是不合理呢?
3.”上一步”與“下一步“的操作習(xí)慣
對于確認與取消這2個操作來說,確認意味著執(zhí)行該操作,即進入到下一步;而取消按鈕則是放棄該操作,即返回到上一步。
按鈕的位置,映射到用戶閱讀和瀏覽從左到右的順序,右邊是前進,左邊是回退。而按照現(xiàn)有一致性的布局,“上一步”一般放在左邊,“下一步”則放在右邊。
那么根據(jù)上一步和下一步按鈕的邏輯來說,確認在右邊,取消在左邊,是不是更加符合用戶的心理預(yù)期呢?
![61](https://image.woshipm.com/wp-files/2013/01/61.png)
總結(jié)
根據(jù)以上3點分析,結(jié)論如下
?1. 根據(jù)視覺流來分析,確認在右、取消在左能讓用戶的視覺流更加順暢
?2.??根據(jù)古騰堡法則,確認在右邊,取消在左邊能為用戶提供更高效的任務(wù)流程
?3. 根據(jù)”上一步”與“下一步“的邏輯,確認在右、取消在左能符合用戶的心理預(yù)期
?以上3點均證明確認在右,取消在左,對用戶來說體驗更佳。
? ? ? ?然而現(xiàn)實中卻并非如此,可怕的windows規(guī)范已經(jīng)培養(yǎng)了強大的用戶習(xí)慣,確認按鈕在左邊,取消按鈕在右邊。這在用戶的心中已經(jīng)形成一個默認的原則,改變用戶的習(xí)慣非常艱難。如果我們維持windows的按鈕位置,用戶依然要付出更多的精力去選擇;如果我們站出來做一些改變,這樣的改變用戶是否能接受,又是否會在全網(wǎng)一致性上給用戶造成更大的困惑……
到底是為提高用戶體驗做一些改變,還是延續(xù)用戶的使用習(xí)慣?這是一個問題……
來源:tid.tenpay
杠精小白發(fā)表一下看法
作者反對微軟的“反人類操作習(xí)慣”卻又用第三條所謂的“上一步下一步操作習(xí)慣”來解釋問題。有偷梁換柱,前后矛盾的嫌疑。
比較贊同“根據(jù)不同場景,具體分析”這個說法。
那么問題來了,全站要不要保持統(tǒng)一呢?既確定都在一邊。
具體問題具體分析吧。如果是類似于購物訂單確認,需要用戶積極參與下一步行動的時候,確認按鈕放在右下角的位置比較好。如果是涉及到重要的銷毀性的操作,比如刪除數(shù)據(jù)的提示,建議是放在左邊比較好。按照大部分人都是右手為主要操作手的情況下,放在左邊可以在一定情況下避免誤操作。
非常同意這個觀點
這個要具體情況具體分析了,知道了用戶的眼動習(xí)慣后,就可以按照產(chǎn)品希望用戶達到的處理結(jié)果來設(shè)計放左還是右
?? 電動老爺車www.wosen-ddc.com
這還是要看你面對的是什么類型的用戶對象。
如果是一般的娛樂、資訊、影視等等以觀看為最終行為的軟件或網(wǎng)站,那么用戶所需要做出的判斷就是一個低風(fēng)險的即時判斷,那么確定的判斷就是概率最高的默認判斷,確定在左,更便于用戶快速處理。
如果是簡歷修改、用戶信息修改、財務(wù)入賬等需要做出謹慎處置的行為,那確定還是放在右側(cè)更符合用戶謹慎判斷的需要。