form button之住左邊、住右邊?

今天同事問我網頁表單下方的按鈕的排法。
他認為預設的按鈕應該要放在右邊,因為多數人是右撇子,這樣操作起來比較近,可以比較快點選到。

我的看法相反,認為預設按鈕(我們認為/想要使用者執行的動作)應該在最左邊。一是因為Windows上多數桌面軟體的按鈕似乎都是預設動作在左(確定 | 取消),二是因為網頁瀏覽/輸入一般都是由左到右。這應有人體工學上的依據,而不是因為使用者的個人習慣,且與左右撇無關。

不過,沒找到比較直接的證據來支持我的說法。只找到以下看法,不知道有哪位用功的網友可以開示一下:

  • HTML 4.01上有預設按鈕在左的表單範例,但沒講怎麼排按鈕。
  • 這裡是有位仁兄說:

    In HTML forms, the default action is always the left-most button.

  • 不過,usable web forms vs the default button 則有不同看法:

    for LTR languages, having the default action button on the left is usual for Windows and probably other desktop environments. It is not for Mac OS X and GNOME, however.

Topics:

Comments

I always use "enter" :)

我喜歡那種 submit 設 font-weight:bold;
reset 設 font-weight:normal;

這樣比較不會按錯

charlesc's picture

嗯嗯,如果表單裡有text area,"enter"就不好用了~

即使是單行text field,但有多個submit button,預設按鈕會在哪?
Google是把左邊的"Google Search"做標示。

或者用鍵盤tab鍵試試,先跑到哪一個按鈕,就應該是預設按鈕?

charlesc's picture

Add new comment