it-swarm-korea.com

복잡한 셀이있는 그리드와의 상호 작용

문제 정의:

  • 각 열이 작업의 속성을 나타내고 각 행이 작업 인 그리드
  • 열 중 하나는 해당 작업에보고 된 진행률을 나타냅니다
  • 각 작업에 여러 사람을 할당 할 수 있습니다
  • 각 사람은 자신의 진행 상황을보고합니다
    즉, 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

Advanced question : 셀은 누르지 않을 때 전체 진행률을 표시해야합니다. 동일한 그리드에서 일부 작업은 위에서 설명한 것처럼 개별보고 만 허용하고 다른보고는 공유보고 ( 즉, 동일한 2 인 작업 인 Person1이 완료된 경우, 50 % 만보고해야합니다. Person2가 오면 "say"라고보고합니다 (50 % 완료). 75 %. 이 경우 작은 창은 약간 다르게 보일 것입니다 (제 안됨)

피드백, 생각, 제안, 솔루션-모두 환영하고 감사합니다!

추가 메모 : 내 관심사는 사용자가 모든 추가 정보를 볼 수있는 것이 아닙니다. Ryan이 지적했듯이 종종 불필요합니다. 문제는 사용자가 왜 "50 %"를 입력했는지 이해하지 못할 수 있지만 셀에 갑자기 "75 %"(특히 "공유"보고 만있는 다른 셀에서는 사용자가 유형은 정확히 그가 얻는 것입니다 ...)

6
Dan Barak

개인 진도 및 팀 진도에 대한 하나의 열을 갖는 것이 좋습니다. 이렇게하면 사용자가 50 %를 입력하면 50 %를 유지하고 팀 진행률은 75 %를 표시합니다. 그러면 팝업은 팀 진행 상황 셀에만있을 수 있으며 모든 팀 구성원과 진행 상황을 간단히 나열 할 수 있습니다.

3
Tania Gobeil

처음에 표시하는 데이터의 양은 사용자에게 얼마나 관련성이 있는지에 달려 있다고 생각합니다. 예를 들어 Martin이 로그인하면 Ludwig의 진행 상황과 작업의 전체 진행에만 관심이있을 수 있습니다. 이를 통해 디스플레이에서 Ludwig의 진행 상황을 제거 할 수 있습니다.

물론, 필요하지 않은 (또는 일반적으로 필요하지 않은) 정보를 방해하지 않도록 접을 수있는 섹션을 통해 사용자에게보다 자세한 정보를 제공 할 수 있습니다. 이것은 좋은 타협이라고 생각합니다.

2
Ryan Shripat

나는 이것을 "가려움증"이라고 부릅니다. 무언가가 어색하거나 복잡해지면 기분이 좋지 않은 것을 분석하고 제거 할 수 있는지 알아 봅니다. 호버링 메타 데이터가 "호버 및 커버"안티 패턴 을 상기시켜주기 때문에 어색한 느낌입니다 ( this PDF 32 페이지의 페이지 ) 또한 데이터가 그러한 제한 공간에서 "나가고 싶다"고 느낍니다.

전체의 일부로 여러 사용자의 기여를 나타낼 수있는 일종의 정보 시각화를 찾고이 정보를 하나의 셀에서 가져 오는 것에 대해 생각합니다.

아마도 그리드 형식에 잠겨있을 가능성이 있기 때문에 (이외 다른 옵션에 대해서는 논의하고 싶지만 실제로이 질문과 관련이없는 경우) 전체 행에 걸쳐 줄을 채우고 누가 무엇을했는지에 따라 채워지는 막대를 만들 수 있습니다 . 여기서 사지로 나가서 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.

당신과 함께 일하는 두 사람 이상 :

**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%

작업 단위로 전환하면 두 가지 작업이 수행됩니다.

  1. 훨씬 쉽게 추정. (사용자가 estimating-not measuring-수행 한 작업량이라고 가정합니다.) 선택 수는 100 개에서 10 개 이하로 줄었습니다. .
  2. 그것은 일의 몫이 고르지 않게 나눌 수 있음을 허용합니다. (John은 5 개 유닛을 담당하지만 1 개만 가지고 있습니다.)

데이터를 표시하는 다른 방법이 있습니다.

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

2
Patrick McElhaney

계산 대상을 명확하게 표시해야 할 수도 있습니다.

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