web-dev-qa-db-ja.com

同じページまたは組み合わせの2つの検索バー?

私のサイトの主な用途はビデオの閲覧です。ナビゲーションには、ビデオを検索するための検索バーがあります。私のサイトにも写真セクションがあります。写真セクションに検索機能を追加する必要があります。私は引き裂かれています:

  1. 2つの検索バーがあります。 1つはビデオのナビゲーションにあり、もう1つは写真セクションを参照するときに上部に表示されます。
  2. 写真セクションを閲覧するとき、ナビゲーション検索バーは写真のみを検索します。 (これは良い考えだとは思わないでください。)
  3. 複数選択検索..ユーザーがビデオ検索と写真検索を切り替えることができる検索バーの横のドロップダウン。写真を閲覧する場合、デフォルトで選択されているのは写真です。
6
surpr

オプション4に投票します。

メインページからの検索では、ほとんどの場合ビデオといくつかの写真が表示され、ユーザーが認識しているよりも多くのコンテンツタイプがサイトに存在する可能性があることがユーザーに示されます。

写真ページから検索している場合は、主に写真だけでなく、いくつかの関連動画も表示します。

mockup

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

16
Karen

最近の(タブレットの時代の)人々は結合されたボックスに本当に慣れていると思うので、UIのスペースも節約できます。

Search with category options

これを行う方法を次に示します。お役に立てれば。

4
asuciu

カレンのモックアップに加えて、検索ボックスは以下のモックアップのようになります。これにより、ユーザーは検索結果を取得するための追加の手順なしで検索対象を選択できます。写真と動画のどちらを使用するかを選択しない場合、カレンのソリューションが適しています。最終的には、Googleインスタント検索のように機能します。

enter image description here

最初の検索ボックスはデフォルトの検索ボックスです。 2つ目は、検索の例です。写真/ビデオを検索するオプションは、ドロップダウンで使用できるようになっています。ドロップダウンは、検索フィールドでカーソルが検出されたときにアクティブになります。

4
Jagger

これに対して行われたテスト があり、コンテンツに対して複数の検索ボックスが存在することはありません。ボックスで検索されているスコープと結果について明確なフィードバックを提供している限り、スコープ検索は役立ちます。 drcyrus3dの例 は、これをうまく行うように見えます。ただし、 ユーザーはアドレス帳の「コンテンツ」を考慮しない なので、コンテンツの検索ではなく、ユーザーの検索のように思われる場合は、写真検索用の個別の検索ボックスが必要になる場合があります。これには、ユーザーベースがこの検索タイプをどのように認識するかを確認するためのテストが必要になる場合があります。

3
Myrddin Emrys

なぜ単一の検索バーを持たず、両方にまたがるバックエンド検索を行うのですか?

デュアル検索バーは推奨されません。

2
Mike Hill

テキストはありませんか?本当に?キャプションではなく、アブストラクトでも、タクソノミーでもないのですか?

1つの検索ボックスに4つのラジオボタン(テキスト、ビデオ、写真など)を配置できます。

素人ユーザーとして、特に。私の最初の数回の訪問で、私はそのような何かが私を助けてくれると嬉しいです。

異なるページに異なる機能を持たせると、デザインは直感的に反応しますが、混乱を招き、ユーザーが意図しないミスをする可能性があります。

0
Kris