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.

Comments

I always use "enter" :)

I always use "enter" :)

我喜歡那種 submit 設

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

這樣比較不會按錯

嗯嗯,如果表單裡有te

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

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

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

沒說為甚麼在右邊的OS

沒說為甚麼在右邊的OSX guideline:
Apple Human Interface Guidelines > Windows >Dialogs

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <blockquote> <s> <h1> <h2> <h3> <h4> <hr> <s>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options