web-dev-qa-db-ja.com

複雑なセルを持つグリッドとの相互作用

問題の定義:

  • 各列がタスクの属性を表し、各行がタスクであるグリッド
  • 列の1つは、そのタスクについて報告された進行状況を表します
  • 各タスクに複数の人を割り当てることができます
  • 一人一人が自分の進捗状況を報告する
    すなわちたった2人で作業してみましょう(作業量は同じです)
    Person1は完了したと報告しています(進行状況は100%
    Person2のレポート50%担当者が完了タスクの全体的な進行状況は75%です
  • グリッドのセルには、全体の進行状況が表示されます(クリックされない限り)
  • 各リソースは自分の進捗状況のみを報告できます

これをすべて簡単に伝えるにはどうすればよいですか?

私はすぐに次のモックアップをドラフトしました(これはワイヤーフレームであることを念頭に置いてください-グラフィックデザインではありません。透明度は説明のためのものであり、おそらくとどまりません)。

フレンドリー、必ずしも明確ではない:
Friendly, not necessarily clear

詳しい情報ですが、必ずしも明確ではありません。
More info, but not necessarily clear

怖い、すべての情報、あなたが固執するならば明確:
Scary, all the info, clear if you stick around

高度な質問:セルは押されていない場合、全体的な進行状況を表示する必要があります。同じグリッド上で、一部のタスクは上記のように個別のレポートのみを許可し、他のタスクはレポートを共有する場合があります(つまり、同じ2人のタスクで、Person1は完了し、レポートは50%である必要があります。Person2が来ると、「言う」と報告され、50%完了したと報告しますが、-75%。この場合、小さなウィンドウは少し違って見えます(提案を歓迎します)

フィードバック、考え、提案、解決策-すべてを歓迎し、感謝します!

追記:私の懸念は、ユーザーがすべての追加情報を表示することではありません。ライアンが指摘したように、それはしばしば不必要です。問題は、ユーザーが「50%」と入力した理由を理解できない可能性があることですが、セルに突然「75%」と表示される(特に、「共有」レポートしかない別のセルでは、ユーザーはタイプはまさに彼が得るものです...)

6
Dan Barak

個人の進行状況とチームの進行状況を示す1つの列を用意することをお勧めします。そうすれば、ユーザーが50%を入力すると、50%のままで、チームの進捗状況は75%を示します。この場合、ポップアップはチームの進行状況セルにのみ表示され、すべてのチームメンバーとその進行状況がリストされます。

3
Tania Gobeil

最初に表示するデータの量は、ユーザーとの関連性に大きく依存すると思います。したがって、たとえば、マーティンがログインしている場合、マーティンは自分の進捗状況とタスクの全体的な進捗状況のみに関心がある可能性があり、必ずしもルートヴィヒの状況に関心があるとは思いません。これにより、ルートヴィヒの進行状況をディスプレイから取り除くことができます。

もちろん、必要でない場合(または通常は必要ない場合)は、折りたたみ可能なセクションを介して、より詳細な情報をユーザーに提示して、邪魔にならないようにすることができます。これは良い妥協だと思います。

2
Ryan Shripat

私はこれを「かゆみ」と呼びます-何かがこのぎこちない感じや複雑さを感じたとき、私は正しくないと感じているものを分析し、それらを取り除くことができるかどうかを確認しようとします。ホバリングメタデータは "ホバーとカバー"アンチパターン を思い出させるので、私には不快に感じます( this PDF )データはまた、そのような狭窄スペースから「抜け出したい」ように感じます。

全体の一部として複数のユーザーの貢献を表すことができるある種の情報の視覚化を探し、この情報を1つのセルから引き出すことを考えます。

おそらくグリッド形式に固定されているので(それ以外のオプションについて話し合いたいのですが、この質問にはあまり関係ありません)、各行にバーを作成し、誰が何をしたかに応じて全長と塗りつぶしを埋めることができます。 。ここで外に出て、ASCIIでスケッチしてみます。

[    ][    ][    ][    ][    ][    ] <-- cells in a row
---------|----|--------------------- <-- with each row, a smaller row beneath it
                                         representing completion state
[    ][    ][    ][    ][    ][    ]
-------------------------------|----

[    ][    ][    ][    ][    ][    ]
-------|----------------------------

各行は、完了を示すために埋めることができます。 100%完了したタスクには、「100%」(または2人のユーザーの場合は50%| 50%など)が含まれた完全に色付けされた完了行があります。 75%完了したタスクは、75%が「75%」で埋められ、残りが「25%」である白い余白になります。複数の人が使用している場合は、異なる色を使用できます。おそらく、各セグメントに名前を入力することを検討してください。行が各主要なタスクよりも視覚的にそれほど重要ではなく、小さいフォントサイズ(約10px)を使用することを目指します。このような行をすぐに非表示にして、最後のセルのボタンを使用して表示することができます。

[    ][    ][    ][    ][    ][show completion] <-- hidden state

[    ][    ][    ][    ][    ][hide completion] <-- displayed state
-------|------------------------|--------------

あなたはセル/ポップアップに固執することを余儀なくされているので、あなたはこの答えを完全に役に立たないかもしれませんが、私は正直に言って、私が少なくともプロトタイプを作ることをあなたに伝えたいと思いました。

2
Rahul

前のものを書いている間に別のアイデアが私に当たりました:ユーザーは特定の割合を気にしないかもしれません。それを考慮すれば、パーセンテージ付きのボックスにマッピングする代わりに、いくつかのものに平易な英語を使うことが自由になります。あなた自身の例から取る:

**Your progress** - [Done!]

あなたと他の2人の場合:

**Your progress** - [Nearly done! - 85%] 
- Martin is done!
- Ludwig is halfway done.

あなたと一緒に働く2人以上の場合:

**Your progress** [Halfway there! 55%]
- Martin, Ludwig and Esther are done!
- Simon and Chauncey are halfway done.
- Henrik just got started.

10以上?

**Your progress** [A ways to go... 15%]
- 5 people are done!
- 7 people are nearly there!
- 1 person just got started.

ポップアップオプションを使用する場合は、これをテストして、他の人の割合を気にするかどうかを確認します。詳細な情報が提示されると、明確さを増すよりも「考える」瞬間になると思いがちですが、YMMV(明らかに、これを誰のために設計しているのかはわかりません)。

2
Rahul

パーセンテージの代わりに、分数を使用したい場合があります。別の言い方をすれば、n単位の作業が完了しているx単位については、各人が責任を負っていると言うこともできます。必要に応じて、合計セルをパーセンテージで表示できます。

John   :  3  of  5 
Paul   :  4  of  4
George :  0  of  2
You    :  _  of  1
------------------
               58%

作業単位に切り替えると、2つのことを実行できます。

  1. 推定がはるかに簡単になります。 (私はユーザーが推定していると仮定しています-測定していない- -実行される作業量。)選択肢の数が100からおそらく10以下に削減されます。
  2. 作業のシェアを不均等に分割するを許可します。 (ジョンは5ユニットを担当しますが、1ユニットしかありません。)

データを表示する別の方法を次に示します。

Same chart, using star rating type system instead of numbers.

2

たぶん、計算されているものを明確に示す必要があるだけかもしれません。

Hans     50%  x 30% = 15%
Lotti    30%  x 20% =  6%
Jane      0%  x 25% =  0%
You     [80%] x 25% = 20%
-------------------------
                      41%
1