モバイルアプリのグリッドまたはテーブルデータの視覚化の代替

Question

モバイルアプリで同じ構造を持つ複数のデータ要素を表示するという点で、グリッドデータの視覚化に代わる最適なものは何ですか。

詳しく説明すると、10行5列または相対データがあるとします。Webでは、単純なテーブル構造で視覚化できます。

私の質問は、テーブルビューの場合を除いて、モバイルアプリケーションでこれを効果的に視覚化できることです。テーブルビューに行きたくない理由は、最小限の面積しかなく、データの5列すべてを表示する必要があるためです。

Answer 1

それをどのように見せたいかに応じて、リスト構造で設計できます。

これがスクリーンショットの例です。リストアイテムの高さを増減して、そこに必要なメインデータを表示できます。より多くのパターンを見ることができます ここ

以下のリストでは、各行に4〜5列のデータが表示されています。

Answer 2

時々テーブルは本当にテーブルである必要があり、そうでなければ、その目的を失います。 （つまり、レコード/製品/ユーザーを比較する場合）。

それが本当に必要な情報であると思われる場合（モバイルサイトを使用するすべての人がフルサイズのサイトで利用可能なすべてのものを表示する必要があるわけではなく、それはあなた次第です）、おそらくテーブルのサムネイル/画像バージョンを探します。テーブルが使用されている場所のコンテキストを表示し、ユーザーが新しいページ全体に移動するリンクを提供して（そして画像も選択可能にする）、テーブルが単独で表示され、実際のサイトを個別に読むことができるようにします。

この方法でも、詳細に妥協することなく、実際のテーブルデータを完全な状態で表示できますが、他のすべてのページコンテンツとともにページ内でレンダリングする必要はありません。

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}