Foros Club Delphi

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)
-   Varios (https://www.clubdelphi.com/foros/forumdisplay.php?f=11)
-   -   Mejorar interfaz de usuario de un form (https://www.clubdelphi.com/foros/showthread.php?t=95311)

Dexter182 01-08-2021 17:06:35

Mejorar interfaz de usuario de un form
 
Hola a todos!


Acá molestando de nuevo... :o

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 02-08-2021 10:23:38

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 02-08-2021 17:59:18

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 03-08-2021 04:15:48

¡Gracias dec y mamcx por sus respuestas! ^\||/^\||/^\||/

Cita:

Empezado por mamcx (Mensaje 542172)
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).

Cita:

Empezado por mamcx (Mensaje 542172)
2- Aplica full text search.

Uso Access + ADO. :rolleyes:
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.

Cita:

Empezado por mamcx (Mensaje 542172)
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 03-08-2021 06:06:05

Cita:

Empezado por Dexter182 (Mensaje 542177)
¿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 04-08-2021 00:52:27

Cita:

Empezado por Dexter182 (Mensaje 542177)
¡
¿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 04-08-2021 04:38:05

Cita:

Empezado por mamcx (Mensaje 542190)
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] 04-08-2021 12:28:28

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 04-08-2021 15:58:41

Gracias Germán! ^\||/^\||/^\||/

Cita:

Empezado por Neftali [Germán.Estévez] (Mensaje 542201)
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.:o

Neftali [Germán.Estévez] 05-08-2021 08:28:30

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 05-08-2021 14:53:48

Cita:

Empezado por Neftali [Germán.Estévez] (Mensaje 542211)
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 12-08-2021 03:12:18

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!!!!! ||-||


La franja horaria es GMT +2. Ahora son las 04:31:51.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi