web-dev-qa-db-ja.com

複数選択メニューをナビゲートする方法

複数のキャンペーンを持つメニューを作成する必要があります。

  • ユーザーが1つのキャンペーンを選択すると、そのキャンペーンの詳細が表示されます
  • ユーザーが複数のキャンペーンを選択すると、それらを比較できるはずです

次のように、ユーザーが0..Nキャンペーンを選択できるメニューを用意できます。

enter image description here

キャンペーンを選択するには、キャンペーンをクリックするだけです。選択を解除するには、もう一度クリックする必要があります。 Ctrlキーを押しながらクリックしてアイテムを選択することも検討しましたが、ほとんどのユーザーはそれを理解していません。

ここでの問題は、リストをクリックしてさまざまなキャンペーンの詳細を表示したい場合、毎回現在のキャンペーンの選択を解除する必要があることです。そうしないと、詳細画面が比較画面に置き換わります。

どうすればこれを解決できますか?

2
Leon Cullens

マスター/詳細パターンで一貫性を保ち、マスターパネルでアイテムを選択する際の詳細情報を表示することをお勧めします。

アイテムの[比較に追加]および[キャンペーンの比較]機能を使用できます。ユーザーにとっては明らかです。

enter image description here

2

別の「比較モード」を単に提供することを考えましたか?チェックボックスは、比較したいものを実際に識別する方法のようです。 「ユーザー」のメガネをかけている場合は、別のキャンペーンと比較する前に、キャンペーンについて何か読んでみたいと思います。 Webショップでは、ある種の「比較」ボタンが表示されるので、「比較/競合」エントリのリストに追加するだけです。

私がいつも自問したいもう1つの質問は、「なぜですか?なぜ彼らは比較したいのですか?」

1
Xabre

複数選択リストは常に使いづらいです。当然、複数選択が可能であることを示しているわけではありません。

私はキャンペーン名をクリックするときは単一選択に固執し、リストの各項目の右側にチェックボックスを追加します。チェックボックスの列の上部に「比較」というタイトルを追加します。

これは、ユーザーがリスト内の名前をクリックして各項目の詳細を表示したり、必要に応じて1つ以上の項目のチェックボックスを選択してそれらを比較したりできることを意味します。

1
Andrew Martin