表形式データの複数の行をグループ化または視覚的にリンクする-ベストプラクティス

Question

ユーザーがヘルスケア手順の（潜在的に非常に長い）割り当てリストを操作できるようにする必要があります。リストは、ユーザーがさまざまな方法で並べ替えたい表形式のデータです。

これはヘルスケアであるため、患者は同時に複数の処置を受ける場合があります。したがって、ユーザーは、関連する項目を「処理」するために、データ行のある種のグループ化またはリンクを頻繁に必要とすることがわかりました。一つの問題は、行はしばしば期日、医師などのような属性によってソートされなければならないということです。

最後に、ユーザーはグループ全体をとらずに、ワークリストから個々のアイテムを削除する（たとえば、プロセスを開始する）ことができます。現在、「未割り当て」、「自分に割り当て済み」、「完了」のタブがあります。そのようにセグメント化することで、リストのサイズを小さくする計画でした。グループの各タブには子が含まれる可能性があります。

プラスの面として、これはデスクトップブラウザーでのみ使用できるため、画面の領域が十分に確保され、モバイルの問題は発生しません。

この例の要素では、2,8,9（青い点）は、同じ患者と手順の日付であるため、グループ化またはリンクできます。

プロトタイプを作成しているので、次のいずれかについてアドバイスを受けます：

表形式データを視覚的にグループ化するためのベストプラクティスは何ですか？背景色は？アイコン？
グループ化を壊す可能性のある子属性によるソートをどのように処理しますか？
アイテムの詳細を表示するときに、ユーザーが他の「関連」アイテムにすばやくアクセスできるようにすることをお勧めしますか？
ステータスタブを横断するグループの扱い方に関する提案（上記を参照）？
誰かが指摘できるこの例はありますか？私は問題を探すのに苦労しています。

Harun Alikadić · Accepted Answer

アイコンなどの色付きの要素を使用した「ソフト」グループ、または個別のテーブルとしての「ハード」グループを使用できます。または、この例のように両方。

代替カラータググループ：

Kitanga Nday · Answer

Monday App からいくつかのポインタを取得できます（下のスクリーンショットを参照）

ステータスを伝えるために背景色に注意し、重要な特定の列（またはそれさえあれば行ヘッダー）を強調するために色を変更します。

ニースになるのは、マルチカラムフィルターです。つまり、ユーザーが（たとえば昇順でソートするために）[患者]タブをクリックし、次に[日付]タブをクリックした場合、テーブルは最初に患者名で、次に手順の日付でソートする必要があります。

これにより、多くの柔軟性が得られ、ユーザーも独自のフィルターを作成してニーズに合わせることができます。ユーザーが毎回同じフィルターをやり直す必要がないように、いくつかのフィルターを保存する方法を持つこともできます。プログラマーの観点から見ると、これも私たちにとって非常に柔軟性があるので、良いことです。複数列の並べ替えが実装されるとすぐに、各フィルターのコードを作成しなくても、カスタムフィルターと事前定義フィルターを簡単に作成できます。 モジュール性！