web-dev-qa-db-ja.com

デスクトップアプリケーションのフォームにボタンを配置する場所

ユーザーがレコードを編集している(そしてレコードに対して他の操作を実行している)デスクトップアプリケーションがある場合、それらの操作のボタンを配置するのに理想的な場所はどこですか?

私は次のようなことを念頭に置いています:

  • セーブ
  • 削除する
  • ドメイン固有である可能性があるが、現在開かれているレコードに焦点を当てたその他すべて

私は2つの一般的な一般的なパターンを見てきました。

  • 左上のツールバーのようなボタンのセット
  • 右下

左上のパターンに寄りかかっています(閉じるボタンを除いて、右下でより自然に感じます)。

何らかのパターンを裏付けるデータや研究はありますか?あなたがお勧めする別のアプローチはありますか?私は公式ガイドラインにそれほど関心がなく、研究に裏打ちされた原則とそれに対応する情報源に関心があります。

4

この区別を直接裏付ける研究については知りませんが、あなたが説明する2つのパターンは、それぞれが異なる状況で有利になるように意図されています。

ダイアログボックスの配置

下部にボタンを配置することは、「ダイアログボックス」デザインです。ユーザーがボタンの1つを使用することを期待し、ユーザーがウィンドウを上から下に1回通過した後に最後に行うのが最適です。多くの場合、これらのボタンは同時にコミットアクションを実行し、ダイアログを閉じます。そのため、これらのボタンは必ず最後に使用されるコントロールです。

下部の配置では、ユーザーがフォームの下部に到達したときに、これらのボタンが見やすく、到達しやすくなります(たとえば、タブ移動時)。また、これらは最後に行うべきことであることをユーザーに示します。このデザインは、ユーザーがウィンドウに移動し、上から下にいくつかの値を入力することを期待する単純なアトミックシーケンシャルタスクに使用してから、1つのボタンを選択してタスクを完了します。

プライマリウィンドウの配置

ボタンまたはその他のコマンドコントロールを上または左に配置することは、「プライマリウィンドウ」設計です。ユーザーが複数のコマンドを選択することを期待していて、ウィンドウへの他の入力にこれらのコマンドが散在している場合に最適です(たとえば、値を入力し、コピーし、他の場所に貼り付け、編集し、それまでの作業を保存し、いくつかの項目を削除します)リスト、リストの新しいアイテムを選択します)。

上部/左の配置により、ユーザーがウィンドウを開いたときに最初に目にするこれらのボタンが、ウィンドウの目的とそれがサポートする機能をすばやく特定できるようになります。この設計は、複数の入力とコマンドをさまざまな順序で実行できる複雑なマルチトランザクションタスクに使用します。

一部のアプリでは、ウィンドウが明らかに複雑なタスクを対象としている場合でも、下部にボタンが配置されています。これは、ボタンが常に一番下にあるべきだと述べていた古いスタイルガイドからのホールドオーバーかもしれません。これらのスタイルガイドは、ボタンのあるウィンドウで複雑なタスクが実行されることを想定していませんでした。その代わりに、彼らは複雑なタスクがメニューバーを備えたウィンドウを必要とすると想定しました。

一方または他方

他のアプリが上部と下部にボタンを配置するか、上部にメニューバーと下部にボタンを配置して、両方を実行しようとするのを見てきました。それは良い妥協のように思えますが、私はそれを避けます。ユーザーは、コマンドが上か下かを推測できず、間違った場所を検索することがあります。 [閉じる]ボタンは、ユーザーがウィンドウで最後に実行できるコマンドであるため、例外である可能性がありますが、ボタンを上/左に配置された最後のコントロールにすることで、混乱を招くことなく同じ効果を得ることができます。 。

4

デスクトップアプリケーションの場合、ユーザーは特定の方法でアプリケーションを使用することに慣れているため、独自の方法よりも一般的な慣習に従う方が良いです。 「保存」や「削除」などの操作はタスクメニューのオプションであるため、通常はページ上部のツールバーに表示されます。

ただし、お願いは、反対の機能を分離しておくことを確認してください。 「SAVE」と「DELETE」を隣同士にしないでください。 (同じことがOKとCANCELにも言えます)。デスクトップアプリケーションの場合、ユーザーが最初に見る場所として、トップメニューの左側に選択的アクション(保存、新規作成など)を配置し、右側に否定的アクション(キャンセル、削除)を配置します。誤って選択しないようにしてください。

2
JonW

個人的には、フォームのデザインとレイアウトにすべて依存すると思います。次のクリックがある場所を視覚的に示すことにより、ユーザーが最初から最後までスムーズでインテリジェントな方法で作業できるようにすることを強く信じています。このトピックに関する適切な回答に役立つ可能性があるいくつかの関連する投稿を以下に示します。 LukeWは、「Webフォームのプライマリアクションとセカンダリアクション」と呼ばれるこのトピックの一部に関するユーザーテストとともに素晴らしい投稿を公開しています http://www.lukew.com/ff/entry.asp?571

もう1つ: フォームのデザインとアクションボタンの配置

1
Designaholic