web-development-kb-es.site

Alternar el modo de interfaz de usuario, Mostrar / Ocultar

Actualmente estoy trabajando en una aplicación web empresarial. En la pantalla de ingreso de facturas, tuve algunos problemas de interfaz de usuario.

Básicamente, la pantalla de entrada de la factura actual es algo como esto:

Screenshot

Modo/estado predeterminado Modo/estado de entrada de elemento (cuando se presiona el botón "Alternar entrada de elemento")

El problema actual es que el método actual de entrada de elementos no es intuitivo.

La edición en línea se considera pero se rechaza debido a la necesidad de tener el módulo de búsqueda y selección de inventario presente en todo momento, ya que el estilo de autocompletar de flotación de los módulos es torpe.

¿Hay alguna forma de alternar entre pantallas/modos que sea más intuitivo que la solución de botón actual?


Todavía hay cosas en las que todavía se está trabajando, como la mejor manera de mostrar los precios sin mostrar 4 dígitos, pero manteniendo la precisión. (Algún consejo sería bueno)

2
vener

¿Cómo sabes que no es intuitivo? ¿Qué comportamiento están haciendo exactamente sus usuarios y qué están diciendo?

Si simplemente no encuentran el botón, supongo que su principal problema es la etiqueta del botón. Cuando los usuarios necesitan agregar un elemento de factura, no piensan "Necesito alternar algo". Están pensando "Necesito agregar o editar un producto". Por lo tanto, intente con "Entrada de producto" Si sus usuarios también tienen problemas para encontrar las otras funciones de "alternar", probablemente sea su problema.

En general, desea indicar la acción de control con su diseño gráfico, en lugar de la etiqueta de texto. Por ejemplo, para su botón, agregue al final de la etiqueta una flecha hacia arriba, o un signo +, o toque de estilo Java-Swing cerrado, intercambiándolo con una flecha hacia abajo, - signo o toque abierto cuando el panel de entrada está abierto. O haga que el botón sea un botón de alternancia. Tal vez no sea tan importante para el usuario anticipar el comportamiento de la IU en este caso: verán lo que hace y sabrán qué hacer a continuación cuando hagan clic en el botón.

Otro posible problema es que parece estar combinando la edición y agregando elementos en el mismo botón, lo que tiene una cierta lógica. Sin embargo, la idea de "entrada" podría ser un nivel de abstracción por encima de cómo piensan los usuarios acerca de las cosas. Más bien, pueden pensar en agregar y editar como funciones distintas que deberían tener controles distintos. Por lo tanto, debe tener botones Agregar y Editar separados (ambos alternando el mismo panel), y simplemente vivir con el desorden adicional. Para las etiquetas, probaría "Editar producto" y "Agregar producto" o "Insertar producto".

Es posible que también desee considerar la opción predeterminada de que el panel sea visible para los usuarios que probablemente estén editando.

Es una lástima que no puedas encontrar una manera de editar en el lugar.

3
Michael Zuschlag