web-dev-qa-db-ja.com

表形式のデータを提示するより読みやすい方法はありますか?

ユーザーに表示している表形式のデータがあります。データはそれほど多くありませんが、もっと読みやすい方法で表示できるかどうか疑問に思います。現在、データは次のようになっています。

このデータを提示するためのより良い方法はありますか、またはこれはかなり明確/読みやすいように見えますか?

更新:

これらの線に沿ったものはもっと良いですか?

18
mint

コツは、データやキーと値のペアとしてではなく、ユーザーがそれをどのようにレビューするかです。

各データポイントについて、ユーザーにとっての意味を評価します。

  • 面積.046-それはユーザーにとって何か意味がありますか? .046エーカーはいくらですか。彼らはロットのサイズを気にしています。ロットが少ない場合は、異なるユニットを使用することをお勧めします。
  • 次に、これはエーカーの横にある場合、右側に正方形の映像があります
  • バスの数など。キーバリュートリートメントの代わりに、2ベッドルーム、1バスと言うことができますか。

だから私の提案は:

  • ラベルや価値ではなく、情報を人間化する
  • 情報を意味のあるチャンクにグループ化-サイズ、機能、値など
  • データ自体を評価し、ユーザーがデータから取得しようとしているものを確認し、それに応じて表現します-言語、粒度など。また、ユーザーに気にかけてもらいます(例:マップ#)

次に、あなたが解決している問題に応じて、これが追加情報になるであろう値を増やすことに価値があるかもしれません。過去30日間の値に基づく矢印(または関連する任意の期間)

したがって、核となるのは、ユーザーが求めているものを理解し、そこに到達するのを支援することです。

35
Alok Jain

これを少しグループ化してみませんか?ユーザーがこのフォームを読んで記入すると思いますか?情報はどこから来たのですか?ユーザーは同じソースからどのような情報を取得しますか?異なるソースから何を取得しますか?それらの出典の中でそれらはどのような順番になっていますか?それらをグループ化して、たとえば土地登記所からの書類は、ジャンプして何かを見逃すことなく、それらのシートの1つだけを取り、その内容を順番にコピーすることができます。

また、日付については、日付の選択ツールを追加して、「先週の金曜日にこのアパートの建設を終えた」ことを覚えているユーザーがカレンダーを取得すると、基本的な計算をしなくても、最新の金曜日をクリックするだけで、誤って誤った日付を入力してください。

また、2行のフィールドがある場合(所有者1と所有者2は、実際に何かが複数の所有者を持っている場合でない限り)ラベルを1つだけ使用し、2つのフィールドをグループ化して表示します。リストの場合は、1つのフィールド(または最も一般的な状況の場合は2)を表示し、フィールドの横に「+」および「-」ボタンを追加して、意味のある所有者をいくつでも追加できるようにします。

フィールドに特定の意味を持つ数値が含まれている場合(JurisdictionとDistrictは都市名などに一致するように見えます)、人間が読める値を表示してください。例えば。 「イーストビレッジ」なんでも。これにより、ユーザーはタイプミスを簡単に認識することができます。数値が政府の文書などで使用されている一般的な値ではない場合は、完全に省略して、人間が予期する名前を適切な数値に内部的に変換することもできます。

最後に、リピートユーザーがどのフィールドがどこにあるかをより簡単に認識できるように、すべてを視覚的に構造化します。フィールドのコンテンツに合わせて適切なサイズになっていることを確認してください。例えば。フィールドが10桁の数値である場合は、10桁を保持するのに十分な幅にしてください。短いか長い場合、ユーザーは間違った数値を取得したというヒントをユーザーに提供します。

長さを変えると、かわいくて視覚的に魅力的なデザインを作成するのが少し難しくなりますが、さまざまなグループをより明確に、よりユニークにして、認識しやすくするのにも役立ちます。

5
uliwitness

すでに述べた良い提案に加えて、私はあなたの例のデザインは実際のデータよりもラベルに関するものであると言いたいです。
データのいくつかのインスタンスを見た後、ユーザーは各アイテムが何であるかについてのメンタルマップを取得し、ラベルにそれほど依存する必要がなくなります。
小さな、薄い灰色のラベルを使用してテストを行い、実際のデータをより見やすくして、何が起こるかを確認します。
例のデータの1つの問題は、データが大文字で表示されることです。これにより、読み取りがさらに「困難」になります。キャップはすべて同じ高さですべて同じ形状であり、ユーザーは完全な単語を読む代わりに文字を見る必要があります。可能であれば、すべて大文字のものをアビオイドします。

2
Juan Lanus

「読みやすさ」とは、文字やページの小さな部分に焦点を合わせたときに、それらをはっきりと見分ける能力です。他のポスターで言及されているように、スキムの読みを含む「読みやすさ」と情報をグループ化することを含む使いやすさを改善したいとします。

ここでは、大文字を避けたいような良いアドバイスがたくさんあります(読みやすいですが読みにくいです。読みやすさが低下し、Word全体ではなく個々の文字に目が集中します。大文字の形状は、それらを使用する活版印刷者は、人々がそれらをすばやく快適に読むのを助けないように、詳細を人々に印象づけることを意図しています)。

また、グリッド線を削除できるかどうかは、レイアウトの良いテストです。グリッド線は、静的またはテクスチャ背景の場合と同様に、目での表示を遅くします。これは、脳の視覚中枢の処理が多くなるためです。構成やレイアウトが不十分な設計では、要素の混乱する場所を補うためにグリッド線が必要ですが、情報が適切に配置されて配置されている優れた設計では、ほとんどの場合グリッド線は必要ありません。

私はこれが主にレーベルについてであると誰かが言ったポイントを二番目に言わなければなりません。ラベルは情報よりも重要であるように強調表示され、太字になっています。多くのフォームデザイナー初心者は、デザインするときにデータよりもラベルを見ますが、読者にとっては、情報は遠くから見えるものであり、視覚的な注意を引くものです。ラベルには小さな灰色のテキストを考えてください。印刷されたフォームは通常、グラフィックデザインとタイポグラフィの訓練を受けた人々によってデザインされるため、印刷フォームを見てみるとよいでしょう。

組織に関しては、順序をより意味のあるものに変更してみませんか。すべてのドルの値を、読者が見たいと思う順序でまとめます。不動産マガジンの物件一覧を見て、重要な部分を太字にし、土地の面積と建物の平方フィートと地図をどのようにグループ化しているかを確認します。読みやすくするために番号/リンクをまとめます。

明るい面では、私はずっと悪いことを見てきました、そして少なくともあなたは良いものを並べます。物事がどのような順序で進んでいるかは明らかであり、読者が何かを見落とす可能性のあるデータのランダムな場所と混同されることはありません。

1
user31192