¿Qué es un buen icono generalizado de "navegar a" o "abrir" o "más" o "elegir" o "seleccionar"?

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, ingrese la descripción de la imagen aquípero también funcionaría un icono sensible al contexto que representara un programa.

En realidad, esto depende de lo que realmente signifique seleccionar la fila e ir a la nueva página . Si es una tabla de productos para comprar y la página siguiente es el pago, entonces será algo relacionado con el carrito de compras. Si se trata de una tabla de opciones en un proceso de varios pasos y la siguiente página es solo el siguiente paso, algo así como una flecha que apunta hacia la derecha. Si se trata de un menú en un lugar de comida y la siguiente página es la confirmación de su pedido, entonces algo así como un icono de cuchillo y tenedor. Etc etc etc

Respuestas (4)

¿ 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.

Por eso creo que es una experiencia extraña. No creo que ningún ícono de "seleccionar" transmita "seleccione este elemento y luego abandone la página de inmediato".
de acuerdo con el comentario anterior. ¡No utilice una casilla de verificación como botón!

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:

  1. Asequibilidad: se 'siente' que se puede hacer clic e indica que voy a ver algo más después de elegirlo.
  2. Responde: dado que ya está tomando prestado un estándar de interfaz de usuario móvil, ¡ya está listo para dispositivos móviles!

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 Pointerpropiedad 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 editen el estilo de enlace html básico así:

Row 1 . Column . Column . Column Más/EditarCursor de puntero

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.

Excelente idea para cambiar el cursor. De hecho, el icono es un enlace, por lo que el cursor cambia automáticamente y el texto alternativo se mostrará si pasas el cursor sobre él durante el tiempo suficiente. Esos son mis requisitos, así que no tengo flexibilidad aquí. Sólo para elegir el icono.

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.

El ícono sensible al contexto es una buena idea. En mi caso, es seleccionar un programa, como en un programa del gobierno que reparte $$$.
($.$) .... en ese caso, probablemente usaría un ícono de alcancía en blanco y negro (una especie de ícono vectorial) o monedas amarillas brillantes, pero ese soy solo yo