web-dev-qa-db-ja.com

ページに結果がない場合、何を表示しますか?

データテーブルにページ番号を付けていて、アプリケーションに異なるビューがあり、各ビューには独自の行があります。一部のビューにはデータがある場合とない場合があります。

0の1-0を表示1の0ページ

行のないページに表示されているものです。

表示する行がある場合、それは

45件中1-30件を表示ページ1の1

空のケースには何を表示しますか?

いくつかの可能性:

  1. 0の0-0を表示1の1ページ目

  2. 1の0-1を表示1の1ページ目

ここで何をしますか?

51
PirateApp

この状況では、 空の状態 を使用できます。これは、単なるテキストでも、テキストとアクションボタンを含むグラフィックでもかまいません。

Product Huntの空の状態の例:

enter image description here

良好な空の状態は、ユーザーに正しい方向にプッシュできるアクションボタンを提供します。この場合、「検索を言い換える」などのボタンが機能する場合があります。

結果の1ページまたは半分のページはもちろんのこと、結果もないため、ページ分割を表示しても意味がありません。

106
RobbyReindeer

「0件の結果から0件の結果」を表示することを非表示にします。代わりに、ユーザーがデータを追加するためのボタンを備えた空の状態の画像を配置します。 (ユーザーがデータを追加した場合)。

結果のないページネーションを表示することは、純粋にそれほど良くないUXのアーチファクトです。

例: enter image description here

42

完全を期すために、正規の悪い解があります。これは非常に一般的です。結果のセットが空でなくなるまでユーザーのクエリを静かに(おそらく無言で)一般化し、それらがなかった結果を表示します。 t探しています。時々これは彼らが意味したかもしれない他の検索で推測する形をとります、他の時はそれは単に彼らの顔に広告を置くことです。

明らかに(または、それほど一般的であるため、それほど明確ではないかもしれません)、これを行わないでください。

ページナビゲーションが適切な場合は、空の結果リストで十分です。

結果リストが空になります。期待に反することはありません(たとえば、「bummer no results」ページのように、検索ページのように見えないページを表示する)、「ここは空のリストです」と伝えます。

重要な部分はあなたのナビゲーションです。検索があった場合は、検索フィールドが上に表示されていることを確認してください(完全なリストと空の結果リストには同じレイアウトを使用してください)。 FAQカテゴリのナビゲーションである場合は、戻るのに必要なパンくずリストが表示されていることを確認してください。

他のページにリダイレクトしないでください(これにより、誤って入力された用語をURLで直接変更するなどの単純な修正が無効になります)。明確に役に立たないアクションボタンを提供しないでください。 FAQカテゴリで回答が見つからなかった場合、ホームページに戻りたくありません。おそらくFAQインデックスに戻りたいのですが、親カテゴリに戻りたいのですが、検索結果では、検索語句を変更したい場合がほとんどです。

1
allo