Mejorar interfaz de usuario de un form

[Dexter182]

Hola a todos!


Acá molestando de nuevo...

Tengo el siguiente formulario, que sirve para mostrar todos los artículos de la base de datos.
Desde los combobox voy filtrando, primero eligiendo la Sección (Ferretería, Electricidad, etc. o "TODAS") para luego elegir la correspondiente Categoría (en el caso de Ferretería: Bulonería, Herramientas, etc. o "TODAS") y finalmente escribiendo un texto si quiero buscar algo más concreto.

https://sat02pap001files.storage.liv...&cropmode=none

Me gustaría intentar unificar todo en algo más sencillo de usar y que sea más visual.
Pensé en utilizar un TreeView, pero no me parece muy cómodo de navegar con el teclado (requisito FUNDAMENTAL).

Cualquier consejo será bienvenido!!!

PD: En lo posible, preferiría evitar usar componentes externos.

[dec]

Hola a todos,

Pues... yo voy a decir que a mí me gusta tal como está... así a bote pronto no se me ocurre una forma mejor de mostrar esos datos que tal como lo estás haciendo. Al menos no, si que la información quede mucho más "extendida", por decirlo de alguna manera. Creo que un "grid", una "tabla", es lo ideal para estos casos. A ver si algún compañero puede darnos otro punto de vista.

[mamcx]

Hay 2 formas basicas que pueden aplicarse:

1- Observa como se hacen los filtrados en sitios de ecommerce:

https://www.bootstrap-ecommerce.com/...omponents.html

En esa pagina esta a la derecha, pero es igual si lo pones arriba/abajo o haces un "mega-menu" que muestra las opciones en una accion de popup.

2- Aplica full text search

Si tu bd ya lo tiene integrado (sqlite, postgresql, etc...) es una de las adiciones mas simples y utiles que puedes hacer. Eso permite hacer busquedas mas rapidas y libres y reduce la necesidad de hacer interfaces demasiado especificas para las busquedas.

---

Si tienes MUCHAS categorias o es posible que existan, puedes combinar un solo combo + busqueda integrada:

https://select2.org/dropdown

Nota como la categoria/subcategoria esta en un solo combo y eso reduce un paso en el filtrado. Esto funciona con a mucho 3 niveles de profundidad.

[Dexter182]

¡Gracias dec y mamcx por sus respuestas!

Empezado por mamcx

1- Observa como se hacen los filtrados en sitios de ecommerce:


https://www.bootstrap-ecommerce.com/...omponents.html

¿Te refieres a la sección "Product Type" de esta página? https://www.bootstrap-ecommerce.com/...ing-grid.html?

¿Conoces algún sitio de e-commerce que lo tenga implementado con la caja de búsqueda, tal como figura ahí?.
Pinta interesante, pero me gustaría ver como se comporta (todos los sitios de e-commerce que conozco tienen algo parecido para elegir la categoría, pero sin la caja de búsqueda).

Empezado por mamcx

2- Aplica full text search.

Uso Access + ADO.
En otro post me recomendaste migrar a algo mejor y la idea es pasarme a SQLite una vez que termine la refactorización del sistema.

Empezado por mamcx

Si tienes MUCHAS categorias o es posible que existan, puedes combinar un solo combo + busqueda integrada:

https://select2.org/dropdown

Nota como la categoria/subcategoria esta en un solo combo y eso reduce un paso en el filtrado. Esto funciona con a mucho 3 niveles de profundidad.

Esto me gustó mucho!!!
¿Se puede llegar a armar desde un ComboBox normal o mejor busco un componente hecho?

Saludos!

[Dexter182]

Empezado por Dexter182

¿Se puede llegar a armar desde un ComboBox normal o mejor busco un componente hecho?

Me auto respondo. Por lo que vi, podría armarlo con el componente ComboBoxEx.
Solo quedaría ver como funciona lo de los sitios de e-commerce para decidirme y poner "manos a la obra".

Saludos!

[mamcx]

Empezado por Dexter182

¡
¿Te refieres a la sección "Product Type" de esta página? https://www.bootstrap-ecommerce.com/...ing-grid.html?

¿Conoces algún sitio de e-commerce que lo tenga implementado con la caja de búsqueda, tal como figura ahí?.
Pinta interesante, pero me gustaría ver como se comporta (todos los sitios de e-commerce que conozco tienen algo parecido para elegir la categoría, pero sin la caja de búsqueda).

Lo importante es la idea. La mayoria de los sitios ecommerce son confusos asi que mejor que lo adaptes sin preocuparte como lo hacen otros

[Dexter182]

Empezado por mamcx

Lo importante es la idea. La mayoria de los sitios ecommerce son confusos asi que mejor que lo adaptes sin preocuparte como lo hacen otros

Totalmente!
Pero también me gusta mirar como lo hacen otros porque suelo sacar ideas de cómo hacerlo (o de cómo no hacerlo también, jajaja).
Gracias mamcx como siempre!!!

[Neftali [Germán.Estévez]]

Una pregunta, ¿cuantas secciones y categorías tienes?
No exactamente, a nivel de orden. No es lo mismo tener 5 que 50.

Si son pocas se pueden implementar opciones más visuales, incluso que puedas usar con teclado, pero si son muchas, las opciones se reducen...

[Dexter182]

Gracias Germán!

Empezado por Neftali [Germán.Estévez]

Una pregunta, ¿cuantas secciones y categorías tienes?
No exactamente, a nivel de orden. No es lo mismo tener 5 que 50.

Secciones son pocas, sólo 5.
Pero de cada sección se desprenden varias categorías, que suman en total 72.

[Neftali [Germán.Estévez]]

Estaba pensando en una interfaz (creo que ya la que habéis comentado), aprovechando la parte izquierda para tener un bloque con las secciones (que son pocas) y otro (que se puede generar dinámicamente con las categorías, a medida que se selecciona una sección.

[Dexter182]

Empezado por Neftali [Germán.Estévez]

Estaba pensando en una interfaz (creo que ya la que habéis comentado), aprovechando la parte izquierda para tener un bloque con las secciones (que son pocas) y otro (que se puede generar dinámicamente con las categorías, a medida que se selecciona una sección.

¡Gracias Germán por tomarte la molestia de armar un prototipo de interfaz!

Estéticamente me gusta mucho cómo queda, pero se me hace que el Combobox va a ser más fácil de navegar desde el teclado.
Igualmente este finde voy a hacer pruebas de los 2 conceptos y veo cual se acomoda mejor a lo que quiero.

Mil gracias como siempre!!!

[Dexter182]

Buenas!

Les comento que finalmente me decidí por el ComboBoxEx.
Estéticamente me gustaba más algo como lo que planteaba Germán o algo parecido a un TreeView con búsqueda (como este componente), pero mi sensación es que son muy "mouse dependientes".
De momento quedó algo así:




Faltarían los detalles estéticos (cambiar la tipografía de las Secciones para que sean diferentes a las de Categoría y/o agregar iconos, etc.), pero de momento quedó mucho mejor que antes, al menos desde lo funcional.

Nuevamente les agradezco a todos la ayuda y las ideas que me brindaron, ya que me sirvieron mucho!!!
Saludos!!!!!