web-dev-qa-db-ja.com

データ行のないデータテーブル-代替コンテンツの表示、非表示、表示

Webページに、テーブル 'body'のデータ行と視覚的に区別できるヘッダー行を持つテーブルがあります。一部のアプリケーションの状態では、テーブルにデータを設定する行がなく、ヘッダー行だけで少し奇妙に見えます。したほうがいい:

a)すべての列にまたがり、「データが見つかりません」のようなメッセージがある単一の「データ行」を表示します

b)テーブルを非表示にして、代わりに「No xxxxxx data available」のような適切なメッセージを表示します

考慮事項:

  • テーブル(またはaltメッセージ)がサーバー側で生成された場合、ページ全体が検索結果に基づいて適切な方でリロードされます(ページには単純な検索フォームがあり、ページ自体に送信され、検索で何かが見つかった場合は、以下の結果テーブルも表示されますフォーム)
  • 検索が後でajaxを介して行われるように変更された場合、後続の検索結果に応じて、テーブルと「結果なし」メッセージを交換する必要があります。あなたはそれを2つの方法で見ることができます
    • スワップはより不快なので、あまり望ましくありません
    • または、スワップがより明確になり、1行だけを含む検索結果セットのテキストが実際のデータであるか、「結果なし」メッセージであるかを確認するために、ユーザーがその1行を「読み取る」必要がなくなります。

私はそれを両方の方法で見ることができます(実際、ページの再読み込みでも、ajax検索でも同じです)。

5
jinglesthula

意味的にグリッドを表示することは、データがあることを意味します。表示するデータがないため、グリッドを表示しないでください。

社会的な証拠として、私はあなたにgmailを与えます:

gmail inbox zero

公平を期しますが、その行は電子メールグリッドのように見えます。良いユーザー体験?私はそう思う。

3
Aaron Hall

私は間違いなくオプションaをお勧めします。これは、すべてが完全に機能していることをユーザーに示していますが、このテーブルには(現時点では)データがありません。ユーザーは、データの内容を確認することもできます(ヘッダーの変数)。オプションbでは、それは障害のように見えます。

2
pseudonym