ユーザーを複数のグループで構成するユーザー管理ツールを設計しています。
各グループには独自のテーブルがありますが、テーブルの見出しは固定する必要があります。
Webページに複数のテーブルがあり、それぞれに独自の付箋が付いている場合があります。
ユーザーのグループを表示するより良い方法はありますか?スティッキーテーブルを使用する必要があります-使用する場合、同じページに同時に複数のテーブルがある場合、これらを効果的に表示するにはどうすればよいですか。これは、各テーブルを個別にタブすることで解決できますか?
適切な 固定されたテーブルの高さ を使用することは フローティングスティッキーヘッダー よりも優れている(気が散る)
すべてのテーブルが「ユーザー」に関連しており、異なるデータセット間の唯一の違いがユーザーグループである場合、専用タブを介して各グループテーブルにアクセスするという推奨されるソリューションが機能します。
リストを使用して、全体的なレイアウトをさらに改善し、データセットにより多くの構造を提供することもできます。これにより、よりスケーラブルなソリューションが提供され、明確さが追加されます。以下は、テーブルビューの2つの代替オプションです。オプション1はより進歩的な方法で情報を開示し、オプション2はすべての情報を前もって提供します。
回答は、スケッチに従って、選択したレイアウトに大きく依存しているようです。
既存のデザインにスティッキーヘッダーを追加するのではなく、それらをサポートするためにレイアウトを再デザインすることができます。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
私はあなたの説明から、この意味での「スティッキー」な見出しは「フリーズした」見出しに類似していると思います-これが他にどのように機能するかわかりません(つまり、見出しがWebページの上部に「固定」されている場合-複数のテーブルを作成することになります-複数のテーブル見出しを所定の位置に固定すると、混乱する可能性があります)。
したがって、同じWebページ上の複数のテーブルにスティッキーテーブルヘッダーを使用する必要があるかどうかという質問に答えるには、そのアプローチを避けるのが最善です。
これを行う方法の良い例が必要な場合は、 TSNのNHL順位表 を参照してください。
この例では、固定されたヘッダー、固定された列、テーブルを切り替えるタブ、複数の積み重ねられたテーブルがあり、それはRWDです(レスポンシブWebデザイン-UIは、1つのデザインを使用して、電話、タブレット、およびより大きな画面にうまく適合します)。
また、テーブルの「左右」スクロールは、スクロールしたいテーブルの側面をタップまたはクリックすることによって行われることに注意してください。
オールインワン、これは私が見たUI/UXの最良の例です。これはRWDであり、ヘッダーと列が固定された同じWebページ上の複数のテーブルを処理でき、優れた柔軟性を提供します。
お役に立てば幸いです。