web-dev-qa-db-ja.com

一連のチェックボックスをチェックするためのベストプラクティスは何ですか?

ユーザー権限を設定するための大きなテーブル(約100行)があります。アクセス許可の各セットには、4つの可能な項目のセットがあり、多くの場合、すべてがチェックされますが、デフォルトではチェックされません。効率を上げるために、ユーザーが行全体を設定できるようにする何らかの「すべて選択」機能を含めたいと思います。当初、これはチェックボックスで解決されましたが、これを接続してバックエンドで適切に機能させることがいかに簡単であるかについて他の人からの懸念があります。チェックボックスの行全体を選択/選択解除するためのベストプラクティスは何ですか?

enter image description here

10
Matt Rockwell

「すべての権限」や「管理者」など、よりわかりやすい名前の最初のチェックボックスが必要です。次に、そのチェックボックスが選択されているかどうかに基づいて、他のチェックボックスを表示(またはアクティブ)にします。

これは実装がかなり簡単で、視覚的に明確で、スキャンが高速でなければなりません。

モックアップの例:
enter image description here

10
JohnGB

実装やUIの明確性に関する懸念はありますか? "Select Full Row"オプションを他のオプションよりも実装するのが難しい理由がわかりません。

最後の列は他の列よりも少し大きい機能を実行するため、残りの列とは少し異なる方法で強調表示することをお勧めします。 "Select Full Row"ボタンをチェックボックスよりも作成したくなります。ボタンを押すと、実際にすべてのオプションが選択され、それ自体が"Deselect Full Row"ボタンに変わります。

必要に応じて、"Invert All"を実行するボタンを提供することもできます(シナリオで意味がある場合)。

これがあなたの実装をどのように変更するかはわかりません。しかし、UIとしては、私はこれの方が好きです。したがって、機能的には、ボタンは複数の設定を変更できますが、チェックボックスは常にそれ自体の列を制御するために一意です。それはすっきりとした分離だと感じます。

それ以外の場合のリスクは次のようなものです。ユーザーが「作成」権限がないことを確認したい。したがって、彼は列1を視覚的にスキャンし、目盛りは表示されません。彼は安心感に沈んでいるのに対して、一部のユーザーはその最後のコラムがチェックされているかもしれません。

8
curious_cat