web-dev-qa-db-ja.com

1つのリストボックスにフィードする2つのリストボックスからの選択?

以下のようなux/uiパターンを見たことがありますか? (例?)

1つの右側のリストボックスにフィードするのは、2つの左側のリストボックスです。

改善のための提案はありますか?ユーザーエクスペリエンスの懸念?他に提案するUI/UXパターンはありますか?

注:

  • リストは最大で1000まで可能です
  • 実際のリストアイテムは「曲」よりも複雑ですが、汎用的である必要があります。
  • 左側のリストボックスを1つにしてアイテムを組み合わせ、「マイソング」をインジケーターアイコンで表すことについて説明しましたが、ユーザーが検索のクリアを選択したときに何がクリアされるかについて混乱が生じましたボタン。ただし、このデザインがうまく機能しない場合でも、オプションです

enter image description here

1
oranges

チェックボックス要素は複数選択フィールド用に設計されているため、操作する必要があると思います。

各コンテナー(serach/my)で、コンテナーのタイトルの近くにある小さなチェックボックスとしてすべてを選択するオプションを追加する必要があります。

また、各コンテナーからオプションを削除したり、マージされたコンテナーから選択したすべての曲を削除したりするためのボタンを追加する必要があると思います。

関連する問題の詳細情報を見ることができます: すべてを選択するためのuxレビューWord

(コメントを読む:

スタイリング(つまり、チェックボックスとそのラベルを囲む境界線)を介して、この特別なチェックボックスをユーザーが「視覚的に識別」できるようにします。Googleメールでの方法を確認してください)

enter image description here

これがあなたの例に対する私の見解です

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

まとめると、

ユーザーがいずれかのコンテナ(検索/マイ)で曲をチェックすると、「選択された曲」リストに追加されます。

ユーザーがマージされた「選択された曲」リストの曲のチェックを外すと、対応するリストの曲のチェックが外れます。

彼は(検索/マイ)とマージされたリストの両方ですべての曲をオン/オフにするオプションがあります。

1
dimshik

リストボックスを使用できます。1。チェック(選択)機能または長押し機能のチェック(選択)を追加できます。2.アプリに機能を追加および削除するためのフローティングアクションボタンを追加します。オプション

0
Rahul Pahuja