Imagine una tabla con muchas filas en una aplicación web. La primera columna contiene solo un icono, sin texto. Al hacer un solo clic en el icono, debe representar la selección de esa fila y lo lleva a una nueva página. ¿Qué icono elegirías?
Actualización: En este caso particular, es seleccionando un programa. No es un programa de software, sino un programa del gobierno (es decir, el gobierno está ejecutando un programa para regalar dinero). Esperaba un icono sin contexto, y puede que me decante por un icono de mano, pero también funcionaría un icono sensible al contexto que representara un programa.
¿ Se selecciona y va a una nueva página? Sin ningún otro contexto, suena como una experiencia extraña.
Una casilla de verificación probablemente haría el trabajo.
Nuevamente sin contexto, una presentación más lógica podría ser mover la columna de selección hacia la derecha y usar una flecha hacia la derecha de alguna forma. Eso indicaría que los dirigirá a una subpágina para esa fila.
El widget de interfaz de usuario común para seleccionar un elemento de una lista es un botón de opción.
( ) Item 1
( ) Item 2
( ) Item 3
Por supuesto, rara vez seleccionar un botón de radio lo envía a otra página, pero ciertamente es factible.
Una solución alternativa sería simplemente convertirlos en enlaces:
Artículo 1
Artículo 2
Artículo 3
Y otra solución más sería adoptar una interacción que se está volviendo común en los dispositivos móviles, que es una 'lista de selección' o ' Columnas de Miller '
------------------------------------------------------
Item 1 >
------------------------------------------------------
Item 2 >
------------------------------------------------------
Item 3 >
------------------------------------------------------
Prefiero esto último por dos razones:
El inconveniente es que puede no funcionar para una tabla de datos. Se puede hacer, pero puede que no sea lo ideal si hay muchos datos adicionales.
ACTUALIZAR:
Me perdí por completo lo específico de su pregunta: desea tener un ícono. Esa es una pregunta más difícil. No estoy seguro de recomendar un icono para esto. En cambio, me aseguraría de que se pueda seleccionar toda la fila, y usted lo indica de una manera particular, probablemente a través de uno de los métodos descritos anteriormente.
Pero si debe ser un ícono, sugeriría mover el ícono a la derecha y usar una flecha, tal vez al pasar el mouse (o mostrar de forma predeterminada en gris y resaltar al pasar el mouse). La flecha dice "seleccione esto y continúe..." similar a la lista de selección que se muestra arriba.
Probablemente usaría una combinación de:
Cambiando/invirtiendo el color de las filas completas cuando pasa el mouse sobre él , para indicar que puede interactuar con él
&
Cambiar el cursor a la Pointer
propiedad CSS cuando se desplaza sobre el botón , un indicador muy obvio de que se puede hacer clic en algo.
En su caso particular, usaría texto en lugar de un ícono, ya que no es algo que pueda representar fácilmente en un ícono. Usaría algo como more
, o edit
en el estilo de enlace html básico así:
Row 1
.
Column
.
Column
.
Column
Más/Editar
Row 2
.
Column
.
Column
.
Column
Más/Editar
Row 3
.
Column
.
Column
.
Column
Más/Editar
También pondría los controles después del contenido, porque leemos de izquierda a derecha, por lo que el usuario tiene que leer al menos parte de la fila antes de decidir que es lo que quiere.
Si va a una página nueva, probablemente elegiría un icono que simbolice la página nueva, si la página nueva es una especie de formulario, elegiría un icono que representaría un formulario.
user56reinstatemonica8