• 在Windows平臺(tái)下，多年以來的標(biāo)準(zhǔn)是，只要這樣的按鈕出現(xiàn)在模式窗口的底部，則一定是“確定”在左、“取消”在右的組合。不妨看看這份Vista用戶體驗(yàn)指南。Sun公司的Java界面風(fēng)格設(shè)計(jì)指南也是這樣規(guī)定的。這背后的邏輯性似乎建立在西方從左到右的閱讀順序上，因此“確定”按鈕（大概因?yàn)樗葎e的按鈕更重要或更常用）被首先看到。
• 在Mac平臺(tái)下，標(biāo)準(zhǔn)恰恰相反：模式窗口底部的那組按鈕是“取消”在左，“確定”在右。詳見蘋果公司人機(jī)界面指南。它背后的邏輯性似乎體現(xiàn)在下方右邊的按鈕（“確定”）總是與前進(jìn)聯(lián)系在一起，就像讀書時(shí)的翻頁動(dòng)作。
• 在Web環(huán)境中就沒有什么明確的標(biāo)準(zhǔn)了。最貼切的例子可能是在一連串相關(guān)頁面中應(yīng)用“上一頁”和“下一頁”按鈕，實(shí)際的標(biāo)準(zhǔn)是“上一頁”在左邊，“下一頁”在右邊，除非最后一頁那里變成了“提交”或者“完成”按鈕。

• “確定”功能：它引發(fā)一個(gè)將要被執(zhí)行的動(dòng)作，比如保存更改的內(nèi)容或者提交訂單。Web上執(zhí)行這個(gè)功能的常見標(biāo)簽有“確定”、“保存”、“提交”和“完成”。
• “取消”功能：它引發(fā)一個(gè)將要被取消的動(dòng)作，而且用戶會(huì)返回到前一個(gè)狀態(tài)或者最初的狀態(tài)。Web上最常見的標(biāo)簽可能就是“取消”。（有時(shí)也會(huì)用“后退”，但它很可能會(huì)和瀏覽器的那個(gè)后退功能混淆。）“關(guān)閉”也是一個(gè)相關(guān)的功能，但它沒有放棄將要處理的操作那層含義。

• 按鈕的放置：要么放在一起（第1題和第3題）要么分開放置（第2題和第4題）。
• 按鈕的標(biāo)簽：要么是“確定”和“取消”（第1題和第2題），要么是“提交”和“取消”（第3題和第4題）。

A      B      確定     51%   49%     取消     50%  50%

評(píng)論：                  兩個(gè)按鈕太近了。 但是“確定”應(yīng)該是默認(rèn)選項(xiàng) 如果是左撇子選擇會(huì)相反 我受Windows標(biāo)準(zhǔn)影響太深了。 預(yù)期的或者積極的選擇應(yīng)該排在前面 “確定”和前進(jìn)對(duì)應(yīng)，“取消”和后退對(duì)應(yīng)…… 參考Windows的慣例 我更傾向“后退”而不是“取消”，“取消”看起來意味著選擇到頭了。 參考Windows彈出窗口的實(shí)踐規(guī)范 參考“左頁/右頁”的慣例，B會(huì)翻到下一頁 我覺得你可以把它和“前進(jìn)”、“后退”聯(lián)系起來，“后退”放在左邊，“前進(jìn)”放在右邊。 我希望“提交”按鈕或者代表“前進(jìn)”的別的叫法的按鈕放在最右邊（就好象翻到下一頁）。 在大部分西方慣例中是從左往右、從上往下讀的。右下方的按鈕應(yīng)該代表前進(jìn)。 “取消”這個(gè)標(biāo)簽太多地出現(xiàn)在不該出現(xiàn)的地方了。 我們的習(xí)慣是比較積極的選擇放在右邊。 這個(gè)問題是mac與pc之爭，如果用mac我的回答會(huì)相反 對(duì)于右撇子，“確定”放在右邊會(huì)更近。 在我們的文化中，右邊的區(qū)域用來翻頁，代表前進(jìn)。 我覺得“取消”應(yīng)該是個(gè)鏈接 不是只有在連環(huán)畫才會(huì)畫成這樣，Windows平臺(tái)下一切都是“確定”在左邊，“取消”在右邊。 應(yīng)該和早期的Windows應(yīng)用程序的標(biāo)準(zhǔn)設(shè)置相符

A        B        確定  24%   76%     取消     76%   24%

評(píng)論：                  如果一定要有一個(gè)“取消”按鈕，就應(yīng)該放在那。 但是我不會(huì)把它們放得間隔那么遠(yuǎn)，除非它們和其它按鈕以某種方式組合在一起。 哪一種都行 我感覺它們看起來是分開的。 “確定”=前進(jìn)，“取消”=后退 以前看見過它們是這樣的排列順序 再說一遍，“后退”比“取消”好 因?yàn)楸环旁谶吷希鼈兛雌饋砀袷菍?dǎo)航，因此右邊的按鈕意味著繼續(xù)，左邊的意味著后退 我從來不會(huì)把這兩個(gè)按鈕照這樣分開。 我認(rèn)為這樣把它們分開意味著它們的功能更像“上一頁”和“下一頁”。 這沒有意義，“A”是什么跟“B”代表“下一頁”沒有關(guān)系 比上一個(gè)圖的放置好，因?yàn)榘阉鼈兎珠_可以減少誤操作 你可以把它們放到任何地方，它們的意義還是一樣的！這不是“上一頁”/“下一頁”，而是“確定”/“取消”。 這問題有點(diǎn)傷腦筋。我覺得這要根據(jù)向?qū)У纳舷挛?。在這個(gè)例子中，我主張A=“返回”，回到前一頁面，B=“下一步”（到6個(gè)步驟中的第2個(gè)）。

A        B        提交     42%   58%     取消     58%   42%

評(píng)論：                  用Z形模式掃描 除非信息集中在左欄 真難選，有種觀點(diǎn)認(rèn)為要讓積極的先出現(xiàn)，但這樣就和“取消”矛盾了 我不喜歡“取消”！ 用“提交”/“反對(duì)”怎么樣？[Smart alec!]  “提交”=“確定”，所以我不會(huì)改變之前的答案。 用和“確定”/“取消”一樣的原則

A        B        提交  24%  76%    取消     76%  24%

評(píng)論：                  都行 和之前的評(píng)論一樣。 再說一遍——這沒有任何意義。在這里應(yīng)該用“下一頁”和“上一頁” 和第2題的評(píng)論一樣，我認(rèn)為這個(gè)設(shè)計(jì)只能用在一步步前進(jìn)的情況下。否則，會(huì)讓人迷惑。

討論

最讓我感到意外的是第1題的結(jié)果。就是把兩個(gè)按鈕放到一起，給它們“確定/取消”標(biāo)簽，問哪個(gè)應(yīng)該是“確定”哪個(gè)應(yīng)該是“取消”，兩種選擇的結(jié)果旗鼓相當(dāng)。顯然在可用性研究這個(gè)圈子里，沒有任何一方對(duì)此達(dá)成一致觀點(diǎn)。

把兩個(gè)按鈕分開的兩個(gè)設(shè)計(jì)（第2題和第4題）的調(diào)查結(jié)果是最一致的。兩種情況下，都有76%的受調(diào)查者認(rèn)為應(yīng)該把表示繼續(xù)的按鈕（“確定”或“提交”）放在右邊，“取消”放在左邊。

把按鈕放在一起、用“提交”/“取消”標(biāo)簽（第3題）的那組調(diào)查的結(jié)果則介于之間：58%的人把“提交”放在右邊，“取消”在左邊，而另外42%的人選擇相反。這與均分概率（50/50）之間的差異剛好成為顯著性差異（χ²分布P＝0.05）。

建議

我從這個(gè)調(diào)查得出的建議主要包括以下幾點(diǎn)：

避免在Web應(yīng)用中把標(biāo)記為“確定”和“取消”的按鈕放在一起（就像第1題那樣）。這太有可能讓你的用戶對(duì)“確定”和“取消”的順序問題產(chǎn)生與你不同的看法了。如果他們趕著做事，他們可能就碰巧選錯(cuò)了。

最好讓不同的按鈕有視覺上的分隔（可能不必像這個(gè)調(diào)查中表現(xiàn)出來的那么極端）。兩個(gè)按鈕分開放置時(shí)，把表示繼續(xù)動(dòng)作的按鈕（如“確定”、“保存”、“提交”等）放在右邊，可能更符合用戶的期望。

Luke Wroblewski有一篇有趣的文章叫做Primary and Secondary Actions in Web Forms，他用眼動(dòng)議得出的數(shù)據(jù)分析“確定”和“取消”按鈕的順序。

若您有任何意見，請(qǐng)聯(lián)系Tom@MeasuringUX.com。