web-dev-qa-db-ja.com

Webフォームを設計する際、ボタンは左揃えにするか、右揃えにする必要がありますか?

可能性のある複製:
[OK]/[キャンセル]ボタンを右揃えにするか中央揃えにするか

使いやすさを高めるには、ボタンを入力フォームの最後に配置する方法を教えてください。

3
Kartik G

カルティック、

これは何年も議論が続いている古い栗です。まず、このスレッドを見て、リンク先のリソースをいくつか調べることをお勧めします。

ボタン配置のベストプラクティスは何ですか?

この記事も参照してください:

ボタンを異なるフォームに配置する最良の方法

一部のUX担当者が記事の長所と短所について議論しているコメントを必ず確認してください。

6
gef05

これは、いくつかのユーザビリティの実験とともに、本 ' Web Form Design:Filling in the Blanks '、特にアクションに関する章でうまく説明されています。より良い背景のためにこれを読むことをお勧めします。

ただし、ここではその要点を要約します。

  1. プライマリアクション([送信]ボタンなど)を入力フィールドに揃えます。これにより、完成への明確な道が開かれます。
  2. [送信]や[キャンセル]などのボタンが複数ある場合は、プライマリアクション(送信)とセカンダリアクション(キャンセル)の間に視覚的な違いがあることを確認してください。多くのサイトがそうであるように、異なる色のボタンは、送信ボタンとキャンセルリンクを使用するよりもうまく機能することがわかります。
  3. 2つ以上のボタンの配置については、右側または左側にボタンを隣同士に配置する(片方をキャンセルしてもう片方を送信しない)ことはほぼ同じように機能しますが、送信ボタンを入力フィールドに揃え、その横にあるキャンセル(または戻る)ボタンを(異なる色で)揃えることが有利です。

繰り返しますが、詳細については本を読むことをお勧めします。それは素早く興味深い読み物です。

2
Herman