web-dev-qa-db-ja.com

すべてのツリーのチェックボックスを表示/非表示

3番目のレベルでのみノードが選択されている3レベルのナビゲーションツリー(Sport-Country-Competition)を使用しています。

ユーザビリティテストを実行したところ、「すべて選択」オプションがないことはユーザーの悩みの種であることがわかりました。ユーザーがスポーツカントリーからすべての競技を選択したい場合、各ノードを1つずつ選択する必要があるため、不要なインタラクションコストが発生します。

ユーザーが国のノードの上にマウスを置いた場合、国の旗のアイコンをチェックボックスに置き換えることを検討しています。このようにして、ユーザーは国のチェックボックスをオンにして、選択するすべてのコンテストをチェックします。

以下の私の質問:

  1. [すべて選択]チェックボックスを表示/非表示にすると、認識よりも再現が促進されます。メリットからの影響はかなり大きくなりますか?
  2. 国ノードを選択して展開すると、すべての子が即座に選択されるようになりますか?
  3. 私たちが考えることができる他の代替案/提案はありますか?

Current State without Select All

1
Dimitris

マウスオーバーが存在しないため、[すべて選択]チェックボックスの表示/非表示は、タブレット/携帯電話では機能しません。さらに、初めてのユーザーには、SELECT ALLを探すことを知らないという大きなデメリットがあります。

別の選択肢/提案:各リストの最初の選択肢としてSELECT ALLを追加します。 enter image description here

2
jhurley

この場合、マウスオーバーは適切ではありません。電話/タブを入手したので。これには非常に大量のデータがあるため、適切な方法でグループ化する必要があります。

これをお勧めします。

enter image description here

1
Yasintha