網(wǎng)站設計確認、取消按鈕如何擺放？

確認框，顧名思義，就是對用戶(hù)的關(guān)鍵行為進(jìn)行確認。比如在Windows操作系統中，刪除某個(gè)文件的時(shí)候，都會(huì )詢(xún)問(wèn)“確實(shí)要把此文件放入回收站嗎?”，用戶(hù)可以選擇“是”或“否”。因為交互和用戶(hù)體驗將越來(lái)越多的被考慮到網(wǎng)頁(yè)設計中，所以大家也盡可能早的學(xué)習交互方面的知識和教程。

大家對于確認框的感覺(jué)大抵如此，覺(jué)得非常多余，打斷了我的操作。這就像我著(zhù)急上廁所，卻被告知要先收費一樣讓人不爽。不能否認，確認框是一種打斷，有時(shí)甚至是打擾。

所以這里要把握住一個(gè)原則：能不用確認框就盡量不要用。除非用戶(hù)的操作具有很大的風(fēng)險，一定需要他來(lái)確認一下。

確認在左，取消在右?

根據windows多年培養的用戶(hù)習慣，大家都已經(jīng)默認一個(gè)原則，就是確認在左，取消在右。但是，這樣做是否真的合理呢?我們今天就來(lái)探討一下這個(gè)問(wèn)題。 一些事

如果不是誤操作，相信用戶(hù)做事情前都是經(jīng)過(guò)了一定思考。所以當彈出確認框的時(shí)候，我們猜測大部分用戶(hù)都會(huì )去選擇“確認”/”是”，繼續之前的操作。之后本文的探討，都講建立在這樣一種假設的基礎上，即用戶(hù)是想去選擇“確認”/”是”。

1.以視覺(jué)流的角度分析

如果將“確認”放在左邊，“取消”放在右邊。

我們相信大部分用戶(hù)在決定采取哪一個(gè)操作之前，都會(huì )把所有可以選擇的操作都看一遍，以免做出錯誤的操作(當然不排除會(huì )有專(zhuān)家級用戶(hù) 選擇只看自己想進(jìn)行的操作)。根據從左到右的閱讀習慣，用戶(hù)會(huì )首先看到左側的“確認”，然后看一下在它旁邊的“取消”，了解到所有可以進(jìn)行的操作后，再回到“確認”按鈕上，最后點(diǎn)擊。


如果將“確認”放在右邊，“取消”放在左邊呢?

則用戶(hù)會(huì )首先看到“取消”，然后看到“確認”，這個(gè)時(shí)候用戶(hù)已經(jīng)看到所有的操作，直接點(diǎn)擊“確認”，完成操作。

確認按鈕在左，取消按鈕在右的情況，用戶(hù)需要三步才可以最后確認操作。而確認按鈕在右取消按鈕在左的話(huà)，用戶(hù)則通過(guò)二步就可以完成確認操作。

這樣來(lái)說(shuō)，“確認“在右，“取消”在左，視覺(jué)上是不是更順暢、更輕松一些呢?

  2.”上一步”與“下一步“的操作習慣

對于確認與取消這2個(gè)操作來(lái)說(shuō)，確認意味著(zhù)執行該操作，即進(jìn)入到下一步;而取消按鈕則是放棄該操作，即返回到上一步。

按鈕的位置，映射到用戶(hù)閱讀和瀏覽從左到右的順序，右邊是前進(jìn)，左邊是回退。而按照現有一致性的布局，“上一步”一般放在左邊，“下一步”則放在右邊。

那么根據上一步和下一步按鈕的邏輯來(lái)說(shuō)，確認在右邊，取消在左邊，是不是更加符合用戶(hù)的心理預期呢?

3.古騰堡法則

古騰堡圖指人們在瀏覽頁(yè)面的時(shí)候，視覺(jué)都趨向于從上到下，從左到右的眼動(dòng)規律。左上角是視覺(jué)的第一落點(diǎn)區，而右下角是視覺(jué)最終落點(diǎn)區。用戶(hù)的視覺(jué)中心往往在頁(yè)面的左上方，而結束瀏覽時(shí)視線(xiàn)往往落在右下角，所以合理利用這個(gè)法則可以幫助用戶(hù)更好地獲取內容并采取行動(dòng)。

既然用戶(hù)最終操作行為是“確認“，我們是不是就應該把“確認”按鈕放在最終視覺(jué)落點(diǎn)區呢?這樣用戶(hù)既不會(huì )錯過(guò)“確認”這個(gè)重要操作，也保證用戶(hù)在這之前都掃描到了所有的操作。

如果把確認按鈕放在左邊，那么這個(gè)最重要的操作就一直在視覺(jué)的落盲點(diǎn)，這樣是不是不合理呢?



總結

根據以上3點(diǎn)分析,結論如下

1. 根據視覺(jué)流來(lái)分析，確認在右、取消在左能讓用戶(hù)的視覺(jué)流更加順暢

2. 根據古騰堡法則，確認在右邊，取消在左邊能為用戶(hù)提供更高效的任務(wù)流程 互聯(lián)網(wǎng)的一些事

3. 根據”上一步”與“下一步“的邏輯，確認在右、取消在左能符合用戶(hù)的心理預期

以上3點(diǎn)均證明確認在右，取消在左，對用戶(hù)來(lái)說(shuō)體驗更佳。

到底是為提高用戶(hù)體驗做一些改變，還是延續用戶(hù)的使用習慣?這是一個(gè)問(wèn)題。然而現實(shí)中卻并非如此，可怕的windows規范已經(jīng)培養了強大的用戶(hù)習慣，確認按鈕在左邊，取消按鈕在右邊。這在用戶(hù)的心中已經(jīng)形成一個(gè)默認的原則，改變用戶(hù)的習慣非常艱難。如果我們維持windows的按鈕位置，用戶(hù)依然要付出更多的精力去選擇;如果我們站出來(lái)做一些改變，這樣的改變用戶(hù)是否能接受，又是否會(huì )在全網(wǎng)一致性上給用戶(hù)造成更大的困惑.

重慶網(wǎng)絡(luò )公司