業務画面のデータ一覧を想定し、列が多くても必要な情報を見つけやすいテーブルUIを設計しました。重要な列を左側へ集め、補助情報は詳細画面や展開行へ移しています。
検索、絞り込み、並び替えの条件は画面上に残し、現在の表示内容が分かるようにしました。行をクリックできる場合は、リンクであることが視覚的にもキーボード操作でも伝わるようにします。
大量データはサーバー側ページングを利用し、一度にすべて読み込まない構成です。スマートフォンではカード表示へ切り替え、横スクロールだけに依存しない設計にしています。