web-dev-qa-db-ja.com

テーブルの行のステータスを選択/選択解除および有効/無効にするにはどうすればよいですか?

一部のファイルを処理した後、この処理に関する結果をユーザーに表示するWebアプリケーションがあります。これで、ユーザーは1つ以上を選択して保存でき、同時に行を有効または無効にできます。これはユーザーフレンドリーではないと思います。私のアプローチを変更したいと思います。これは私のテーブルのモックアップです:

enter image description here

これを管理する正しい方法は何ですか?

1
Skizzo

いくつかの考え:

  • 速度–フィッツの法則によれば、小さなチェックボックスは高速/頻繁なアクションに最適なコントロールではありません。ビッグデータセットにチェクボックスを使用するには時間がかかりすぎて疲れる
  • エラー–異なるアクションのチェックボックスを互いに近くに配置すると(選択および無効化)、アクションの実行中にエラー(スリップ)が発生する可能性があります(たとえば、選択する)
  • フィードバック–チェックボックスの領域が小さいと、アイテムのステータスの視覚的な兆候が悪くなります。視覚的なフィードバックをより目立つようにすることをお勧めします
  • キャンセルボタンは必要ありません。代わりにリセットなどを使用してアイテムをリセットします

可能な解決策:

  • 行全体をクリックして項目を選択すると、選択が速くなります。すべての行が強調表示されます
  • マウスを適切な行の上に置くと、無効化コントロールが表示され、視覚的なノイズを減らします。無効化されたアイテムは薄くなります

enter image description here

1

これが通勤時に作ったものです。

product results

左側のチェックボックスを再編成して、適切な原則に従いました。

すべて選択チェックボックスを強く意識してください。

配置チェックボックスの近くに保存これで、ユーザーはチェックボックスに近づき、ボタンには正の色が表示されます。

キャンセルはネガティブなアクションですなので、支配がやや少なくなる可能性があります。

0
Swapnil Borkar