web-dev-qa-db-ja.com

検索結果をモーダルウィンドウに表示するのはおかしいですか?

階層に別のページを追加しないようにしています。 (基本的に、[戻る]ボタンのある結果ページ)。いくつかのこと...

  1. 検索入力フィールドと同じページに結果を表示することはオプションではありません。ページは既にコンテンツでいっぱいです。

  2. 検索結果はページ分割される可能性があります。

検索ページ

search page

自動推奨動作

auto-suggest behavior

ユーザーが自動提案ドロップダウンから「結果をもっと見る」をクリックした後

after user clicks "see more results" from auto-suggest dropdown

6
meepsh

「モーダル」ウィンドウにデータを表示することはお勧めできません。 「モーダル」ウィンドウの動作は、Web上では十分に定義されていません。場合によっては、モーダルに見えるウィンドウは、ウィンドウの外側をクリックすると消えることがあります。ユーザーに不安を呼び起こす可能性があります-「このウィンドウを閉じないように注意する必要があります。そうしないと、データが失われます」。データは不安定であるように見えます。

もう1つの問題は、モーダルウィンドウが背後にあるものを非表示にするため、ユーザーがモーダルウィンドウと背後にあるページを切り替えられないことです。

2
obelia

ユーザーが他の場所をクリックした場合でも、モーダルウィンドウは消えますか?それとも、続行するには内部のどこかをクリックする必要がありますか?その場合は、しないでください。

ここで何をしようとしているのか理解できたと思います。基本的には、ユーザーに検索結果を表示させたいが、別のページに移動させたくないのですよね?検索結果allを表示できるようにしますか、それとも最も関連性の高いセットを表示しますか?

いずれにせよ、ここでオーバーレイが答えになると思います。ユーザーが検索バーにキーワードを入力すると、検索が開始され、オーバーレイが表示されます。オーバーレイでは、いくつかの結果が得られます。最も関連性の高いものだけを表示するか、もっと極端にしてすべての検索結果を提供するかを選択できます(ただし、これにはページ分割が必要になります)。

例が必要な場合は、オランダのWebサイト Tweakers。 にアクセスしてください。上部のナビゲーションのすぐ下に検索バーが表示されます。いくつかのキーワード(iPadレビューなど)を入力して見てください:)

1
Misha Scholte