En una larga lista de clientes, ¿cómo puedo marcar eficientemente cuáles han sido editados?
Existe una tabla estrecha que enumera alrededor de 250 clientes en orden alfabético. Cada fila contiene el nombre del cliente, el código de cuenta, la ciudad y el estado.
Necesito indicar en cada fila si la cuenta del cliente se ha editado y si se han completado 2 datos (por ejemplo, los 2 datos son ventas anuales y la industria a la que sirve el cliente).
El espacio es escaso y no quiero agregar mucho ruido a la página. Un vendedor debe poder escanear rápidamente la lista y determinar qué cuentas deben actualizarse.
Actualmente, las palabras 'actualizado', 'ventas' e 'industria' aparecen en cada fila en rojo o verde según la situación. Siento que esto es malo para el ruido de la página, el espacio y el daltonismo.
En primer lugar, nunca debe usar rojo y verde para diferenciar las cosas, ya que ese es el tipo más común de daltonismo.
Para indicar si se ha editado una fila, el texto se puede mostrar en un color diferente al de las filas que se han editado, con las filas sin editar enfatizadas (por ejemplo, gris medio para editado y negro para no editado). Hacer esto ya reducirá el ancho del texto de la fila.
Para indicar si las dos propiedades se han editado, puede tener un pequeño icono que represente cada una en lugar del texto completo "ventas" e "industria".
¿Cuál es el objetivo de la página? ¿Listado de clientes en orden alfabético o escaneo de clientes para actualizar/ventas/industria? Si es lo último, deseche el orden alfabético. O agregue opciones de clasificación a la página. Luego, cree una variación agrupada de la tabla que se agrupe por cada uno de los atributos necesarios. Podría verse más o menos así:
- Customers ------------------------------------------
------------------------------------------------------
Code | Name | City | State |
++++++++++++++++++++++++++++++++++++++++++++++++++++++
Updated
++++++++++++++++++++++++++++++++++++++++++++++++++++++
011 | Vidbot | Dallas | TX |
212 | Rahul | San Jose | CA |
++++++++++++++++++++++++++++++++++++++++++++++++++++++
Sales
++++++++++++++++++++++++++++++++++++++++++++++++++++++
187 | lori.lee | Boston | MA |
etc...
La tabla será más escaneable para el propósito que está describiendo, y no tendrá que usar iconos, colores o peso de tipografía para lograrlo. Todo lo que necesitas es un control de opción de clasificación en alguna parte. Dado que el estado de la página sería bastante binario en este caso (ya sea agrupado o ordenado alfabéticamente), puede probar varios controles, como una casilla de verificación o un hipervínculo. Sin embargo, recomendaría no usar un menú desplegable: para una sola opción es un poco superfluo.
Actualmente, las palabras 'actualizado', 'ventas' e 'industria' aparecen en cada fila en rojo o verde según la situación. Siento que esto es malo para el ruido de la página, el espacio y el daltonismo.
O, coloque las palabras/iconos en una fila de encabezado definiendo así tres columnas, y use marcas de verificación donde realmente tenga las palabras.
Esto conduce a patrones de marca de verificación que los usuarios aprenden rápidamente a reconocer, como "verificar, verificar, vacío" para "ventas actualizadas, sin industria".
Exploraría la posibilidad de establecer un encabezado que permanezca en la parte superior de la lista en lugar de desplazarse fuera de la vista.
Además, para ahorrar espacio horizontal, diseñaría los encabezados de las columnas para hacerlos lo más estrechos posible, por ejemplo, usando una fuente pequeña, abreviaturas, texto rotado o todo.
Si fuera útil, agregaría una función de facetado del lado del cliente, como "mostrar solo aquellos con esto patrón de marcas de verificación".
Es una práctica común usar un ícono de lápiz para marcar cosas que han sido editadas. Puede agregar un pequeño icono al comienzo de la fila de las líneas que se han editado.