モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集

3章テーブル

パターン

Basic Table、Headerless Table、Fixed Column、Overview plus Data、Grouped Row、Table with Visual Indicator、Editable Table

　

本書の第1版では、この章の冒頭で「筆者の勤め先の顧客の多くには、データがぎっしり表示されるデスクトップ向け社内ソフトウェアがある」と述べました。このような顧客はテーブルを使ってデータを読み取るのに慣れているため、テーブルをモバイルデバイスでもうまく表示するための方法を知りたがっていました。しかし筆者の答えは「いいえ、そもそもそんなことはしません」であり、それは今も変わりません。少なくとも、モバイルというフォームファクターの制約は必ず考慮しなければなりません。

モバイルでのテーブルの表示には挑戦が伴いますが、これはチャンスでもあります。この挑戦とは、小さい画面にデータを表示するための実用的な方法を発見することです。そしてチャンスは2つあり、より厳しい目でデータを検討してユーザーが本当に求めているものを見いだすことと、データの有効性がさらに高まるようなクリエイティブなソリューションを開発することです。

これも第1版で紹介したのですが、学校でのテスト結果を表すデータについて考えてみましょう（図3-1）。このデータは長いテーブルのまま表示するよりも、グラフとして表示するほうがよいでしょう。また、特定の範囲内の点をとった生徒を階層型の操作によって表示するようにもできます。 ...