web-dev-qa-db-ja.com

ajax結果の1つのリストに複数選択と単一選択を混在させる

モバイルアプリ(Android + iOS)を設計しています

検索バーに入力して、選択できる(ajax)結果のリストを取得できるページが欲しいのですが。

結果は名前で、-teamまたはplayerタグが付いています

teamを選択した場合-できればnextボタンを押さずに2番目のページに移動できます。

playerを選択した場合-他のオプション(最大6つ)を選択するかどうか-1つだけ保持してから2ページ目に移動します。

私はいくつかのUIオプションを念頭に置いていました(しかし、どれも私を満足させません):

  1. teamを押すとすぐにページ2に移動し、プレーヤーを押すとnextボタンが有効になり、さらに選択するか次を押すことができます。

  2. どの選択でもpage2に移動します-> page2は、選択されたサブジェクトのリストを表示します(チームの場合-back以外)変更できません。プレーヤーの場合-moreとポップアップを押します。 (または他に何か?-戻る?)が開くので、さらに選択できます

  3. page1はteamおよびplayer検索に分割されており、クールなマルチ検索オプションがありません

  4. 結果リスト-playerまたはteamを選択した場合、Vでマークされます。別のplayerを選択した場合、2つのVs、チームを選択した場合-Vはそれに変わります。 (混乱する可能性があるため、説明テキストが可能です。結果を2つのセクションに分割することもできます)

  5. 結果リストは2つのセクションに分かれています-playerまたはteamを押すと、page2に移動します。 players部分の上に、テキストは"long press for multiselect"。長押しすると検索バーがクリアされ、どこかに以前に選択したすべてのプレーヤーがdoneボタンで表示されます。 (Q:IOS?

任意のアイデアを聞いていただければ幸いです

3
yonatanmn

あなたは2つの別々のものをマージしていますが、すべきではありません。

ユーザーがチームを選ぶか、6人のプレイヤーを選ぶか、どちらかを尋ねます。これをマージしようとすると、ユーザーに余分な検討が必要になり、誤解する機会が与えられます(たとえば、数人のプレーヤーを選択してから、チームを選択しようとします)。

また、選択した後ですぐに別のページに移動しないでください。変更する可能性があります。

代わりに、選択を行ったら、2番目のページに移動する前に無効にしたボタンを有効にするか、同じページの選択の下に新しい情報を表示します。

1
Paul S

検索バーのドロップダウンを提案とともに追加できます。そのボックスでは、ユーザーが選択肢からオプションを選択した場合の利点をユーザーに知らせるメッセージを追加することもできます。

その時点で何も選択したくない場合は、フォームの送信後にすべての結果を表示し、「クールな複数選択オプション」を使用して検索バーを上部に配置します。

彼が「チーム」を選択した場合、フィルタリングされた結果を表示します。

「プレーヤー」を選択した場合は、複数選択を表示します。以前のフィルターで調整された機能を表示することは珍しいことではありません。

もちろん、最初にシンプル検索と高度な検索のどちらかをユーザーに選択させることができます。

0
Madalina Taina