web-dev-qa-db-ja.com

右ナビゲーションドロワーを使用したフィルター検索

左側のナビゲーションドロワーがすでにある[モバイル]アプリがあります。高度な(フィルターされた)検索に正しいナビゲーションを使用するのが良い方法かどうか疑問に思っていましたか? Googleのマテリアルデザインドキュメントに特定のルールは見つかりませんでした。

更新:この質問によって

まず、1つのアプリで同時に2つのナビゲーションドロワー(左と右)を使用するのがユーザーフレンドリーな場合は、 2番目:すべての検索フィルター(日付、タイプ、一部のテキストフィールドを含むほぼ8つのオプション)を配置するのに適切なナビゲーションが適切な場所である場合、または詳細検索オプション用に新しいページを設計する必要がありますか?

1
Mandana B

あなたは世界で2つの引き出し(左と右)を与えるすべての力を持っていますが、なぜですか?引き出しは、他のページへの1語または2語のリンクがほとんど含まれているため、主にナビゲーションの目的で使用します。引き出しには長いテキストはめったに見つかりません。

一方、ファイラーには、チェックボックス、ラジオボタン、範囲スケール、テキストボックス(開始-終了)など、さまざまなものがあります。

それでは、なぜそれを右の引き出しに表示して、左側の10〜20%のスペースを無駄にするのでしょうか。以前のアプリはポップアップを使用して、画面の端の5%を無駄にしたフィルターを表示していましたが、間隔の重要性を理解するようになり、フィルターや検索などのアクションの完全なページを開く傾向があるアプリが増えています。

したがって、フィルター用の正しい引き出しを開くと、1つ前のステップに戻ります。

そうするための強い理由または制限があるまで、それはあなたがおそらく避けるべきオプションです。

1
Anupam Pareek

更新された回答:右側のスライドトレイを使用して、検索フィールドの下の行を固定し、ユーザーがフィルターされた結果を表示していることを示すことができます。

あなたのコメントに応じて:

モバイルアプリの場合、Amazonのように、水平フィルターバーをスライドトレイにラップできます。

  • あなたはまだ永続的な検索バーを持っています(ユーザーが通常行う最初のタイプの「フィルタリング」)
  • 下の行は、フィルターが現在適用されていることを示すいくつかの指標を提供する可能性があります
  • 右側の[フィルター]ボタンをクリックすると、スライドイントレイを開くことができます。
  • 余裕がある場合は、「クリア」ボタンを使用して、トレイを開かずに追加のフィルターをすばやくクリアすることもできます。

Nielsen Normanは、Faceted Searchの記事でこのパターンを参照しています。

enter image description here

0
Mike M