web-development-kb-es.site

Interacción con una cuadrícula con células complejas.

Definición del problema:

  • Una cuadrícula donde cada columna representa un atributo de una tarea y cada fila es una tarea
  • Una de las columnas representa el progreso informado en esa tarea.
  • Se pueden asignar varias personas a cada tarea
  • Cada persona informa su propio progreso.
    es decir. tomemos una tarea con solo 2 personas trabajando en ella (tienen la misma cantidad de trabajo)
    Persona1 informa que ha terminado (su progreso es 100%)
    Person2 informa 50% hecho con su parte El progreso total de la tarea es 75%
  • La celda en la cuadrícula muestra el progreso total (a menos que se haga clic)
  • Cada recurso solo puede informar su propio progreso

¿Cómo se transmite todo esto fácilmente?

Redacté rápidamente las siguientes maquetas (tenga en cuenta que es una estructura metálica; no tiene diseño gráfico, la transparencia es para ilustración y probablemente no se quede):

Amistoso, no necesariamente claro:
Friendly, not necessarily clear

Más información, pero no necesariamente clara:
More info, but not necessarily clear

Miedo, toda la información, claro si te quedas:
Scary, all the info, clear if you stick around

Pregunta avanzada: Las celdas tienen que mostrar el progreso general cuando no se presionan, ya que en la misma cuadrícula, algunas tareas pueden permitir solo informes individuales, como se describe anteriormente, mientras que otras pueden tener informes compartidos (es decir, si en la misma tarea de 2 personas, Person1 ha terminado, tienen que informar solo 50% y cuando aparece Person2, informan "dicen" que han terminado al 50%, pero completan 75%. En este caso, la pequeña ventana se verá un poco diferente (sugerencias apreciadas)

Comentarios, ideas, sugerencias, soluciones, ¡todos bienvenidos y apreciados!

Nota adicional: mi preocupación no es que el usuario vea toda la información adicional. Como Ryan señaló, a menudo es innecesario. El problema es que el usuario podría no entender por qué escribió "50%", pero la celda de repente muestra "75%" especialmente porque en otra celda que solo tiene el informe "compartido", lo que el usuario tipos es exactamente lo que obtiene ...)

6
Dan Barak

Sugeriría tener una columna para el progreso individual y otra para el progreso del equipo. De esa forma, cuando su usuario ingrese su 50%, se mantendrá 50% y el progreso del equipo mostrará 75%. Su ventana emergente podría estar solo en la celda de progreso del equipo y simplemente enumerar todos los miembros del equipo y su progreso.

3
Tania Gobeil

Creo que la cantidad de datos que muestra inicialmente dependerá mucho de cuán relevante sea para el usuario en cuestión. Entonces, por ejemplo, me imagino que si Martin está conectado, puede que solo le interese su progreso y el progreso general de la tarea, no necesariamente el de Ludwig. Esto nos permitiría eliminar el progreso de Ludwig de la pantalla.

Por supuesto, siempre podemos tener información más detallada presentada al usuario a través de una sección plegable para mantenerla fuera del camino si no es necesario (o no suele ser necesario). Esto creo que es un buen compromiso.

2
Ryan Shripat

Me gusta llamar a esto el "picor": cuando algo tiene esta sensación incómoda o complicada, trato de analizar lo que no se siente bien y ver si puedo deshacerme de ellos. Me parece incómodo porque los metadatos que se ciernen sobre mí me recuerdan el patrón "desplazar y cubrir" (vea también esto PDF en la página 32 ). También parece que los datos quieren "salir" de un espacio tan restrictivo.

Buscaría algún tipo de visualización de información que pueda representar las contribuciones de múltiples usuarios como parte de un todo y pensaría en extraer esta información de una celda.

Dado que presumiblemente está bloqueado en el formato de cuadrícula (me encantaría discutir otras opciones además de eso, pero no es realmente relevante para esta pregunta), tal vez podría crear una barra que acompañe a cada fila que se extienda a lo largo y se llene dependiendo de quién haya hecho qué . Voy a arriesgarme aquí e intentar dibujarlo en ASCII:

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

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

Cada fila se puede completar para indicar la finalización. Una tarea completada al 100% tendría una fila de finalización completamente coloreada con "100%" (o 50% | 50% para 2 usuarios, etc.). Una tarea completada al 75% tendría un 75% lleno con "75%" en la parte llena, y un resto blanco con "25%" en ella. Podrías usar diferentes colores para cuando varias personas lo estén usando. Quizás considere ingresar sus nombres en cada segmento, aunque la pregunta es si encajaría. Mi objetivo sería que la fila fuera visualmente menos significativa que cada tarea principal y usar un tamaño de fuente más pequeño (alrededor de 10px). Podría hacer que filas como esta se oculten inmediatamente y usar un botón en una celda al final para mostrarlas:

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

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

Puede encontrar esta respuesta completamente inútil ya que se ve obligado a seguir con la celda/ventana emergente, pero pensé que sería honesto y le diría lo que al menos prototiparía.

2
Rahul

Otra idea me golpeó al escribir la anterior: los usuarios podrían no preocuparse por porcentajes específicos. Si considera eso, le permite usar inglés simple para algunas cosas en lugar de asignarlas a cuadros con porcentajes. Tomando de tu propio ejemplo:

**Your progress** - [Done!]

Para usted y otros 2:

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

Para más de 2 personas trabajando con usted:

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

Por más de 10?

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

Si tuviera que ir con la opción emergente, probaría esta y vería si las personas se preocupan por los porcentajes de otras personas. Tiendo a encontrar que cuando se me presenta información detallada, es más un momento de "hacerme pensar" que una claridad añadida, pero YMMV (obviamente, no sé para quién estás diseñando esto).

2
Rahul

En lugar de porcentajes, es posible que desee utilizar fracciones. Para decirlo de otra manera, es posible que desee decir que cada persona es responsable de n unidades de trabajo, de las cuales x unidades se han completado. Puede mostrar la celda total como un porcentaje, si es necesario.

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

Cambiar a unidades de trabajo logra dos cosas.

  1. Hace estimar mucho más fácil. (Supongo que los usuarios están estimando - no midiendo - - la cantidad de trabajo realizado.) El número de opciones se reduce de 100 a probablemente no más de 10.
  2. Permite el la parte del trabajo se divide de manera desigual. (John es responsable de 5 unidades, mientras que solo tienes 1.)

Aquí hay otra forma de mostrar los datos.

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

2
Patrick McElhaney

Tal vez solo necesite indicar claramente qué se está calculando.

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