web-dev-qa-db-ja.com

表の上または下のボタンの位置を保存/キャンセルしますか?

たくさんのタブレットに入力するソフトウェアを作成しています。テーブルの行に多くの設定がある状況があります。

ソフトウェア全体の一貫性は、テーブルの上にアクションメニューがあることです。ユーザーが行を選択すると、オプションボタンが表示されます。ユーザーはテーブルを直接編集することもできます。この場合、保存/キャンセルボタンをアクションメニューの上またはテーブルの下に配置するのが最適だと思いますか。

青色の行は、選択および変更された行を表しています。 enter image description here

テーブルには最大10,000のエントリを含めることができ、無限の遅延スクロールでロードされます。テーブルの各行には、編集、糸くず、パスワードの設定、ロック、承認など、1〜9個のオプションを含めることができます。

変更が行われるまで、保存ボタンとキャンセルボタンは非表示になります。

それらを支持する記事や研究はありますか?

4
Loro

Header

多くのレコードがある場合、おそらく適切なパターンは、常にヘッダーを画面の上部に保持し、レコードをその「下」にスクロールすることです。

header

フッターとしてのアクションバー

次に、アクションと保存/キャンセルボタンだけでなく、テーブルの下部ではなく画面の下部に配置します。アイテムを選択し、ペインをスクロールすると、アクションバーが残ります。

enter image description here

複数選択

これは複数の選択に対しても機能します(複数のアイテムに適用できるのはアクションのみです)

enter image description here

取り消しアクションを提供

アクションの実行に適したパターンについては、完了について通知し、元に戻すアクションを提供します。これにより、確認手順をスキップできます。

enter image description here

インプレース編集

アクションが必要なため、追加のユーザー入力はそれらを適切な場所に置くのに適しています

enter image description here

選択にはハイコントラストを使用し、色覚異常のある人のために通常の行と区別できるようにしてください。そして、テキストとアイコンの両方のアクションを持つことは素晴らしいことです。

3
Nick Rassadin

それらのボタン(SaveおよびCancel)はいつ表示されますか?ユーザーがテーブルを直接編集したときに表示される場合は、アクションメニューにボタンを配置することをお勧めします。

SaveCancelもアクションであり、ユーザーはアクションが表示される場所をすでに知っています。ボタンを常にアクションメニューに表示できますが、特定のアクションが使用できない場合は、対応するボタンを無効にできます。

これにより、特定の機能の管理方法がわからない場合に、ユーザーがコントロール要素を探す場所をユーザーに示すことができます。

2
errday villain

私が考えることができる可能性:

  • すべてのアクションをその場で実行できます。つまり、行またはセルを選択すると、選択の上部にアクションダイアログボックスが表示されます。
  • テーブルの高さが固定されている場合は、すべてのアクションを1か所に保つことは理にかなっています。
0
Nirav Chadda