it-swarm-vi.tech

Tương tác với lưới với các ô phức tạp

Định nghĩa vấn đề:

  • Một lưới trong đó mỗi cột biểu thị một thuộc tính của một nhiệm vụ và mỗi hàng là một nhiệm vụ
  • Một trong các cột biểu thị tiến trình được báo cáo về nhiệm vụ đó
  • Nhiều người có thể được chỉ định cho mỗi nhiệm vụ
  • Mỗi người báo cáo tiến trình của riêng họ
    I E. hãy thực hiện một nhiệm vụ chỉ với 2 người làm việc đó (họ có khối lượng công việc như nhau)
    [.__.] Person1 báo cáo họ đã hoàn thành (tiến trình của họ là 100%)
    [.__.] Person2 báo cáo 50% được thực hiện với phần của họ Tổng tiến độ của nhiệm vụ là 75%
  • Ô trong lưới hiển thị tổng tiến trình (trừ khi được nhấp)
  • Mỗi tài nguyên chỉ có thể báo cáo tiến trình của riêng họ

Làm thế nào để bạn truyền tải tất cả những điều này một cách dễ dàng?

Tôi đã nhanh chóng phác thảo các mockup sau (hãy nhớ rằng đó là một khung dây - không có thiết kế đồ họa, tính minh bạch là để minh họa và có thể sẽ không ở lại):

Thân thiện, không nhất thiết phải rõ ràng:
Friendly, not necessarily clear

Thêm thông tin, nhưng không nhất thiết phải rõ ràng:
More info, but not necessarily clear

Đáng sợ, tất cả các thông tin, rõ ràng nếu bạn dính xung quanh:
Scary, all the info, clear if you stick around

Câu hỏi nâng cao: Các ô phải hiển thị tiến trình chung khi không được nhấn, vì trên cùng một lưới, một số tác vụ có thể chỉ cho phép báo cáo riêng lẻ, như được mô tả ở trên, trong khi các tác vụ khác có thể có báo cáo được chia sẻ (ví dụ: trên cùng một nhiệm vụ 2 người, Person1 đã hoàn thành, họ phải báo cáo chỉ 50% và khi Person2 xuất hiện, họ báo cáo "nói" họ đã hoàn thành 50%, nhưng điền vào 75%. Trong trường hợp này, cửa sổ nhỏ sẽ trông hơi khác một chút (đề xuất được đánh giá cao)

Phản hồi, suy nghĩ, đề xuất, giải pháp - tất cả đều được chào đón và đánh giá cao!

Ghi chú bổ sung: mối quan tâm của tôi không phải là người dùng nhìn thấy tất cả các thông tin bổ sung. Như Ryan chỉ ra, nó thường không cần thiết. Vấn đề là người dùng có thể không hiểu tại sao anh ta gõ "50%", nhưng tế bào đột nhiên hiển thị "75%" đặc biệt là trong một ô khác chỉ có báo cáo "chia sẻ", những gì người dùng đã loại chính xác là những gì anh ta nhận được ...)

6
Dan Barak

Tôi sẽ đề nghị có một cột cho tiến trình cá nhân và một cột cho tiến trình nhóm. Bằng cách đó khi người dùng của bạn nhập 50% của mình, nó sẽ giữ nguyên 50% và tiến trình nhóm sẽ hiển thị 75%. Cửa sổ bật lên của bạn sau đó có thể chỉ trên ô tiến trình nhóm và chỉ cần liệt kê tất cả các thành viên trong nhóm và tiến trình của họ.

3
Tania Gobeil

Tôi nghĩ rằng lượng dữ liệu bạn hiển thị ban đầu sẽ phụ thuộc rất nhiều vào mức độ phù hợp của nó với người dùng. Vì vậy, ví dụ, tôi sẽ tưởng tượng rằng nếu Martin đăng nhập, anh ta chỉ có thể quan tâm đến tiến trình của mình và tiến độ chung của nhiệm vụ, không nhất thiết phải là của Ludwig. Điều này sẽ cho phép chúng tôi loại bỏ tiến trình của Ludwig khỏi màn hình.

Tất nhiên, chúng tôi luôn có thể có thông tin chi tiết hơn được trình bày cho người dùng thông qua một phần có thể thu gọn để tránh thông tin nếu không cần thiết (hoặc thường không cần thiết). Điều này tôi nghĩ là một sự thỏa hiệp tốt.

2
Ryan Shripat

Tôi thích gọi đây là "ngứa" - khi một cái gì đó cảm thấy khó xử hoặc phức tạp, tôi cố gắng phân tích những gì không cảm thấy đúng và xem liệu tôi có thể thoát khỏi chúng. Tôi cảm thấy lúng túng vì siêu dữ liệu di chuột làm tôi nhớ đến "di chuột và che phủ" mô hình (xem thêm this PDF trên trang 32 ). Cũng có cảm giác như dữ liệu muốn "thoát ra" khỏi một không gian hạn chế như vậy.

Tôi sẽ tìm kiếm một số loại hình ảnh thông tin có thể thể hiện sự đóng góp của nhiều người dùng như một phần của toàn bộ và suy nghĩ về việc rút thông tin này ra khỏi một ô.

Vì có lẽ bạn bị khóa ở định dạng lưới (rất thích thảo luận về các tùy chọn khác, nhưng không thực sự phù hợp với câu hỏi này), có lẽ bạn có thể tạo một thanh đi kèm theo mỗi hàng trải dài trên toàn bộ chiều dài và điền vào tùy thuộc vào ai đã làm gì . Tôi sẽ đi ra ngoài ở đây và thử phác thảo nó trong ASCII:

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

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

Mỗi hàng có thể được điền để chỉ ra sự hoàn thành. Một tác vụ hoàn thành 100% sẽ có một hàng hoàn thành được tô màu đầy đủ với "100%" trong đó (hoặc 50% | 50% cho 2 người dùng, v.v.). Một nhiệm vụ hoàn thành 75% sẽ có 75% được điền vào "75%" trong phần được điền và phần còn lại màu trắng có "25%" trong đó. Bạn có thể sử dụng các màu khác nhau khi nhiều người đang sử dụng nó. Có lẽ xem xét nhập tên của họ trong mỗi phân khúc, mặc dù câu hỏi là liệu nó có phù hợp không. Tôi sẽ nhắm đến việc hàng có tầm quan trọng ít hơn so với từng tác vụ chính và sử dụng cỡ chữ nhỏ hơn (khoảng 10px). Bạn có thể có các hàng như thế này được ẩn ngay lập tức và sử dụng một nút trong một ô ở cuối để hiển thị chúng:

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

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

Bạn có thể thấy câu trả lời này hoàn toàn vô dụng vì bạn buộc phải gắn bó với ô/cửa sổ bật lên, nhưng tôi nghĩ tôi thành thật và nói cho bạn biết tôi sẽ làm gì ít nhất là nguyên mẫu.

2
Rahul

Một ý tưởng khác đánh vào tôi trong khi viết ra ý tưởng trước đó: người dùng có thể không quan tâm đến tỷ lệ phần trăm cụ thể. Nếu bạn xem xét điều đó, nó giải phóng bạn sử dụng tiếng Anh đơn giản cho một số thứ thay vì ánh xạ chúng ra các hộp với tỷ lệ phần trăm. Lấy từ ví dụ của bạn:

**Your progress** - [Done!]

Dành cho bạn và 2 người khác:

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

Dành cho hơn 2 người làm việc với bạn:

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

Trong hơn 10?

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

Nếu bạn định dùng tùy chọn bật lên, tôi sẽ kiểm tra cái này và xem mọi người có quan tâm đến tỷ lệ phần trăm của người khác không. Tôi có xu hướng thấy rằng khi được trình bày với thông tin chi tiết, rõ ràng đó là khoảnh khắc "khiến tôi suy nghĩ" hơn là được thêm rõ ràng, nhưng YMMV (rõ ràng tôi không biết bạn đang thiết kế cái này cho ai).

2
Rahul

Thay vì tỷ lệ phần trăm, bạn có thể muốn sử dụng phân số. Nói cách khác, bạn có thể muốn nói rằng mỗi người chịu trách nhiệm cho n đơn vị công việc, trong đó đơn vị x đã được hoàn thành. Bạn có thể hiển thị tổng số ô theo tỷ lệ phần trăm, nếu cần thiết.

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

Chuyển sang đơn vị công việc hoàn thành hai điều.

  1. Nó làm cho ước tính dễ dàng hơn nhiề. (Tôi giả sử người dùng đang ước tính - không đo - - số lượng công việc được thực hiện.) Số lượng lựa chọn giảm từ 100 xuống có thể không quá 10.
  2. Nó cho phép chia sẻ công việc được chia không đồng đề. (John chịu trách nhiệm cho 5 đơn vị, trong khi bạn chỉ có 1.)

Đây là một cách khác để hiển thị dữ liệu.

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

2
Patrick McElhaney

Có lẽ bạn chỉ cần chỉ rõ những gì đang được tính toán.

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