web-dev-qa-db-ja.com

要素を行に配置して読みやすさを向上させる

名前が他の要素を移動するなど、長さが変わる要素があり、位置合わせが狂う場合、読みやすさを改善する最良の方法は何ですか enter image description here

3
ghislaineguerin

データを(グリッド内の)列に配置すると、データが読みやすくなります。

  1. ユーザーは、各行の情報を検索することなく、必要なデータを探して列をスキャンできます。

  2. グリッドコントロールを使用する場合は、データの並べ替えとフィルタリングを導入して、ユーザーが表示する情報とその表示方法をより詳細に制御できるようにすることができます。列の表示順序と可視性を変更できる場合もあります。

ユーザーが処理できる表形式のデータの量には制限がありますが、データのページングを許可して、一度に10、25、50(またはそれまで)のデータ行のみを表示することでこれを回避できます。

5
ChrisF

状況に依存する長所と短所があります...

  • データを整列すると列が作成され、列にタイトルを付けたり、列の間にセパレータを付けたりできます。

    • これにより、特定の列の値をすばやく視覚的にスキャンできます

    • ユーザーが列を非表示にしたり、列の値で行を並べ替えたり、列の値で行をフィルタリングしたりできるようにすることができます

    • これは、各列のデータ長の最大差がそれほど長くない場合に適しています。それ以外の場合:

      • たくさんの空白ができてしまい、行を端から端まで簡単にたどれるように、行スタイルまたは水平方向の仕切りを交互に配置する必要があります。

      • 余計に広いテーブルになる可能性があります(空白が追加されているため)
        これは、異なる列が行に分割された複数行の行を作成することで対処できます(Outlookのコンパクトビューのように)

    • 列への除算は、値のタイプとその順序が行に沿って一定である場合にのみ適しています。

1
Danny Varod