web-dev-qa-db-ja.com

表示/非表示-ドロップダウン付きの検索バー

現在、ナビゲーションメニューに検索バーが配置されたソフトウェアを設計しています。検索バーには、エントリのタイプ(ユーザー、ユーザー数、レポート)、入力フィールド、および検索ボタンを含むドロップダウンリストが含まれています。

enter image description here

ソフトウェアは非常に低い帯域幅の接続で使用され、巨大なデータベースを検索するため、ドロップダウンがあることが重要です。

デスクトップバージョンのアプリケーションでは検索バーは完全に表示されますが、解像度を下げるには、メニューのスペースを節約するために検索バーを非表示にする必要があります(最大10個のリンクで構成できます)。代わりに、検索バーでアニメーション化するボタンが配置されます。

enter image description here

問題の1つは、ドロップダウン広告が検索ワークフローへの追加ステップであることです。したがって、検索アイコンをクリックして直接入力する代わりに、ユーザーはタイプを選択する必要があります。別の問題は、ユーザーがドロップダウンを見逃して、正しいタイプの検索を実行していないことを理解できない可能性があることです。

以前にこのような何かに遭遇したことがありますか?ドロップダウンが決定的な影響を与えるかどうかについて、あなたの経験を共有できますか?

前もって感謝します

3
Loro

検索バーの一部としてドロップダウンメニューを使用する場合は、Gmailとその方法を試してみてください。より明確になり、モバイル向けのソリューションになる場合があります。私の直感は、機能を備えていると言います。通常の検索がまったくうまくいかない場合は、検索バー内のドロップダウンをタップすると、詳細な検索ができるようになります。

2
David Sheridan

したがって、私は同じようなことをしているプロジェクトに取り組んでいますが、ドロップダウンをあなたとは異なる方法で使用している可能性があります。

まず、デフォルトで「グローバル検索」を実行します。つまり、データセット内のさまざまなカテゴリすべてを検索します。最初の検索を特定のカテゴリに絞り込む場合は、ドロップダウンがその機能を提供します。

タイプアヘッドのサポートもあるので、入力すると検索バーの下の選択ウィンドウに結果が表示され、そこで絞り込みたい場合は、カテゴリを選択するメニューがあります。

1
JWilkerson