web-dev-qa-db-ja.com

テーブルのチェックボックスが多すぎますか?

ユーザーは、曜日ごとに5つの異なるオプションの設定を同時に変更できる必要があります。

このようなことを考えていたのですが、少し面倒くさいです…。

あなたは何をお勧めします?

オプションごとに、ドロップオフとピックアップを同時に有効にすることができます。

enter image description here

最終的解決

私はすべての提案を考慮に入れ、感謝しています。

背景色を追加しましたが、表示する情報をフィルタリングできませんでした。ユーザーは、最小限のクリック数でより高速にシステムと対話できるため、列を非表示にできません。

私が最後にしたことは次のとおりです:

  • チェックボックスを削除して、新しいスタイルのチェックボックスを追加します(実際のチェックボックスはありますが、非表示です)。
  • セルの上にマウスを置くと、対応する2つの列が強調表示されます(もう一方は暗くなります)。
  • マウスオーバーすると、日付の列(左側)も強調表示され、ユーザーがそれらの日付を確認できるようになります。 (最後の列に役立ちます)

Option2、日曜日の行、ピックアップにカーソルを合わせた画像は次のとおりです。 enter image description here

10
Steve

必ずしも悪いわけではありませんが、使いやすくすることもできます。以下を検討してください。

  • テーブルヘッダーの上、または最初と2番目のヘッダーの間に、列全体をオンまたはオフにするチェックボックスを配置します。ユーザーが上記の列で何かを変更した場合、その列全体のチェックボックスが再びオンまたはオフになるまで、その列のマスターチェックボックスを無効にする必要があります。これにより、列が構成されているときに誤ってマスターチェックボックスをクリックするのを防ぎます。
  • シフトキーを押すと、一連のチェックボックスを行と列の方向でチェックできるはずです。キープレス中に、これが発生していることを視覚的にフィードバックします(影響を受けるセルの背景色がわずかに変更されます)。

個人的には、:activeチェックボックス(現在のフォーカス)のスタイルがセルの背景色を変更するなどして明確に定義されていることを確認します。これにより、技術に詳しいユーザーがボックスをタブで移動して、現在どこにいるかを簡単に確認できます。

さらに、アイテムがチェックされているかどうかに応じて、セルごとにわずかな背景色を変更することも、より適切な概要を作成するのに役立ちます。

7
MHD

この画像のマトリックスを2つのフィルターオプションのデフォルトビューとして使用します

(1)ドロップダウンコントロールを使用してオプションでフィルターを選択すると、1つのオプションが選択されたときにビューがこれに変更されます。

enter image description here

(2)2番目のドロップダウンコントロールを使用して日でフィルターを選択すると、1つのオプションが選択されたときにビューがこれに変更されます。

enter image description here

場合によっては、ユーザーが最初の画像で提供する降車と送迎の単純な概要を知りたいことがあります。フィルターを追加すると、ユーザーは、行または列の欠落や誤った編集を行うことなく、正しいオプションまたは正しい日を簡単に編集できます。

それを試して、プロジェクトチームでアイデアをテストしてください!

5
Benny Skogberg