Web可用性：保存並取消...或...取消並保存？

Question

Windows和OS X總是碰頭，但關於在Web應用程序中保存按鈕或取消按鈕是否先出現的一般意見一致？

[保存] [關閉]

或

[取消] [保存]

注：我有這些按鈕在表格刷新到右側的頂部。

Answer 1

請按照principle of least astonishment：按照Windows的方式（[保存] [取消]），除非你有理由相信Mac用戶補充您的用戶羣的更大一部分。

Answer 2

這兩種方式可能並不是很大的區別，只要清楚按鈕的作用即可。 我個人的投票將是保存在左側，因爲這是人們最經常做的事，人們從左到右閱讀。

另外，我還要把一些空間按鈕之間，以確保用戶不小心點擊一個，當他們試圖單擊另一個。

Answer 3

我通常會把按鈕，這將導致發生最遠離中心最遠的行動。如果你的按鈕是右上角的，我的訂單將會是[取消] [保存]

Answer 4

本能地，我總是把保存按鈕作爲最右邊的元素。

我想還有其他的事情要考慮。主要是實際需要取消按鈕，還是另一個元素（例如指向前一頁的麪包屑痕跡）可能更合適。

編輯：http://www.lukew.com/resources/articles/web_forms.html - 加權視覺如何可以使用，效果良好，以及該部分中的「主要和輔助操作」所示。

Answer 5

熟悉往往比做正確客觀地更重要，因爲東西都是陌生的往往是，默認情況下，較少使用。

人們使用Windows PC或Mac而不是您的應用程序或網站。所以，如果我在你的鞋子裏，我會選擇你認爲最熟悉的用戶所熟悉的順序。如果它是一個大多數mac用戶，請使用mac方式。如果主要是PC用戶，請使用PC方式。

Answer 6

爲什麼你需要取消按鈕？

在網絡表單上，用戶幾乎總是可以通過其他操作取消。在「保存」附近放置「取消」正在創建一種情況，其中用戶在他們想要做的所有事情都是保存時很有可能是firing the ejection seat。

Answer 7

對於這個問題可能產生的所有激烈爭論，它似乎沒有在實際的人類表現上有太大的差異。該advantages and disadvantages of each work out to a wash。用戶以網頁形式出現equally likely to expect Cancel on either the left or right。如果按鈕之間的距離很遠，似乎有偏向偏好取消左側的按鈕，但您不希望在網絡表單上使用putting the Execute button the far right is associated with slow responses and high error rates。

我會說，最重要的是要在你內部一致的應用程序，並確保取消總是標記（就像我在一個web應用程序看到的不是，說，「返回」）「取消」。否則，將按鈕放在一起並靠近用戶將查看的最後一個字段（可能不在窗體的右上方）。

不要擔心它太多。

Answer 8

在正常形式上，保存應在表單域下。取消應該在保存的左側或右側，但不要太接近以避免發生悲劇性錯誤。 Luke W的Web Application Form Design page有一些照明圖。

您的表單很不尋常，因爲您希望按鈕位於頂部。在這種情況下，我需要知道頁面的外觀以及如何使用。但是由於您已經打破了表單字段和保存之間的任何流程，我懷疑保存應該在右側以支持自然的從左到右的路徑。

（Windows和Mac有對話框的按鈕放置不同的標準，並且它們都具有按鍵位於底部。這些標準並不適用於網頁。）

Answer 9

這裏的關鍵是，我們在說話「網絡」可用性。至此，我認爲在接受的答案中引用的principal of least astonishment表明right是forward action（save），left是backward action（cancel），而不是接受的答案建議。

網絡瀏覽器是網絡用戶最習慣的用戶界面，15年以上的網絡瀏覽使得後退按鈕位於前進按鈕的左側。它還與網絡最初開發的基於左至右的語言交流。右邊是你要去的地方，左邊是你去過的地方。

即使是普通的電腦白話，一個斜槓，/，斜背，斜槓，\，向左傾斜。

這裏的windows UI是離羣值，我認爲將您的UI設計基於Microsoft的優先級是一個糟糕的決定。

我可能會指出，您的右上角兩個按鈕的定位是非標準的，但我不認爲它承擔了按鈕本身的排序。