Saltar navegación
Contacto: (+34) 670 230 483

Usted está en: Inicio > Blog > Icono para el control "filtrar"

Icono para el control "filtrar"

Escrito por Sergio Sánchez Mancha el 29 Jun 2006

Hemos hablado con anterioridad como las Rich Internet Applications (RIA) como AJAX o Flex, plantean desafíos de usabilidad en sus interfaces y formas de interacción con la web. Las nuevas posibilidades que nos ofrecen hacen necesario inventar o rediseñar nuevos controles o convenciones de interfaces de usuario.

Actualmente estoy trabajando en la definición de la interfaz de un proyecto que utiliza estas tecnologías, una de las funcionalidades principales que utiliza es un filtro para datos tabulados.

Buscando referencias a iconos o símbolos que indicaran campo dinámico o texto predictivo, la única referencia que encontré y que se está empezando a extender es la siguiente:

Pero no me convencía, ya que no indicaba claramente la acción de filtrar datos más propia de este nuevo control. Entonces, buscando iconos de filtros y similares se me ocurrió el siguiente:

El cual funcionaría de la siguiente forma:

A medida que se introduce texto en el campo y se filtran los datos de la columna, el icono se actualizaría mostrando menos "líquido" en su contenedor.

¿Qué os parece? Si a alguien le gusta y lo quiere utilizar nos encantaría que nos hicierais llegar pantallazos o direcciones web con los ejemplos.

Adjunto el archivo en formato PNG.



Comentarios (9)

torresburrieltorresburriel dijo el 29 Jun 2006:

Personalmente, aunque me parece correcto el planteamiento del icono y su comportamiento, bien llevado desde la realidad en su comportamiento, no le acabo de ver la utilidad en el contexto en que se muestra.

Este análisis es simplemente a nivel de sensaciones, pero entiendo que la información que debe desprender esta interfaz no es tanto el filtrado en sí, como el aviso de que la interacción resultante entre empezar a escribir en el campo de texto y la aparición de resultados, resulta ser un filtro. Es decir, informar al usuario de que puede empezar a ver resultados nada más empezar a escribir en el campo de texto.

SergioSergio dijo el 29 Jun 2006:

Comprendo tu punto de vista, pero si no se indica nada en la caja de texto, el usuario puede deducir que la interfaz se comportará como una caja de texto común, es decir, la información se enviará al a pulsar un botón o la tecla “entrada”.

Entiendo que por si mismo el icono no es explicativo, es decir, el usuario no sabrá como se comportará la interfaz hasta que no “juguetee” con ella. Mi intención era simplemente identificar el control, de la misma forma que identificamos un menú desplegable.

Muchas gracias Dani, valoro mucho tu opinión.

Jordi SánchezJordi Sánchez dijo el 29 Jun 2006:

El icono no me parece mal; como mínimo creo recordarlo de Microsoft Access.

La duda fundamental es si el usuario interpretará el icono como "filtrado" y sabrá qué función tiene. No me parece tan crítico que el usuario conozca de antemano que el filtrado funcionará nada más empezar a teclear; será algo bastante obvio en cuanto empiece a hacerlo.

Lo que sí considero un tanto confuso es el nivel de "líquido" variable. De hecho, en el mundo físico el funcionamiento es el contrario al indicado: si el filtro es más estricto (orificio más pequeño), el nivel del líquido aumenta.

SergioSergio dijo el 29 Jun 2006:

Quizá sea porque parece un embudo. Creo que utilizar la metáfora del líquido para explicar el comportamientono del icono no fue buena idea...

La intención era mostrar la reducción de resultados, es decir, que el “líquido” va bajando.

Jordi SánchezJordi Sánchez dijo el 29 Jun 2006:

Bueno, ya se sabe que las metáforas se pueden llevar hasta un cierto punto, a partir del cual pierden su utilidad :)

Siguiendo con el mismo icono, quizá sería más acertado que la boca del embudo se hiciera más estrecha a medida que se devuelven menos resultados.

De todas formas, puede que este sea un caso en el que lo más práctico sea un texto informativo:

"Nombres que empiezan por sor..."

Gabriel PorrasGabriel Porras dijo el 29 Jun 2006:

¿Que tal si arriba antes de la tabla se explican los embudos en 2 o 3 palabras? Algo bien conciso!

SergioSergio dijo el 29 Jun 2006:

La idea era definir o indicar un control o un comportamiento orientado a una aplicación web de uso muy frecuente, cuyo objetivo es incrementar la eficiencia (aunque la curva de aprendizaje del usuario sea levemente mayor que el de una web normal).

Si se tratara de una aplicación de uso esporádico está claro que que el icono no funcionaría por si solo ya que no es suficientemente autoexplicativo, en tal caso se debería guiar más al usuario, y como muy bien apuntas sería necesario introducir instrucciones.

Perdonadme por obviar este dato que creo es importante para comprender su razón de ser.

SergioSergio dijo el 10 Jul 2006:

Impresionante... apenas han pasado unos días y Luis Sacristán ya ha implementado la idea, y además documentada de manera excelente.

LuisLuis dijo el 10 Jul 2006:

Gracias por el énfasis que le das, recuerdame que te invite a algo, jeje



Últimos tweets de Usolab

  • Ups, parece que ahora mismo no podemos mostrar nuestros tweets.

Proyectos propios

Bankimia

Bankimia es un comparador de productos financieros.

Actualmente ofrece información sobre hipotecas, depósitos bancarios, cuentas y préstamos de 42 bancos y cajas.