UX: Mejora del comportamiento de desplazamiento en los subformularios

El objetivo de los formularios usuario es facilitar las cosas a los usuarios. Pero ¿qué ocurre cuando el desplazamiento se convierte en una batalla entre los subformularios y su contenido? Seguro que ya le ha pasado alguna vez: intenta desplazarse por un list box en un subformulario, pero todo el subformulario se mueve en su lugar. O lo que es peor, intenta desplazarse por el subformulario, pero el list box no se mueve.

Esto ha sido mejorado con 4D 20 R6, haciendo la acción más natural.

¿Qué debe desplazarse? ¿El subformulario o su contenido?

Inicialmente (digamos «hace mucho tiempo»), utilizando una rueda de desplazamiento o un trackpad, sólo se desplazaba el subformulario en sí, no los objetos contenidos dentro del propio subformulario. Luego, ¡fue al revés! Los objetos incluidos se desplazaban, pero no necesariamente el propio subformulario. A menos, por supuesto, que utilice las barras de desplazamiento, pero éstas suelen estar ocultas. En resumen, ¡no siempre era fácil para el usuario!

Un GIF puede ayudarLe a entender el objetivo.

¡Esto es lo que podemos hacer ahora utilizando la rueda del ratón (o un trackpad)!

Lo mejor de los dos mundos

A partir de ahora, si un subformulario contiene objetos desplazables, estos últimos se desplazarán primero, siempre que se pase el ratón por encima de dichos objetos cuando se active la rueda de desplazamiento o el trackpad. Algunos objetos pueden o no ser desplazables, en función de su contenido. Una lista vacía, una imagen pequeña o un list box cuyo contenido se muestre en su totalidad nunca se desplazarán.

El resultado es natural en todos los casos: si un objeto dentro de un subformato puede desplazarse, ¡lo hará! En caso contrario (si está vacío o ya se ha desplazado completamente), el subformulario «padre» se desplazará… hasta que se encuentre un nuevo objeto desplazable en el subformulario. Etc. hasta el final del subformulario.

Por supuesto, esto funciona en todas las direcciones, de arriba a abajo, de abajo a arriba, de izquierda a derecha o de derecha a izquierda.

Conclusión

Este cambio aparentemente pequeño marca una gran diferencia en la experiencia del usuario. Los usuarios pueden navegar con confianza por los formularios, sabiendo con precisión lo que se desplazará en función de dónde pasen el ratón. Esto le permite a usted, el desarrollador, diseñar interfaces más intuitivas y fáciles de usar.