Formularios de varios pasos
Los formularios en línea largos y complejos pueden hacer que la navegación resulte dificultosa para los usuarios. Un formulario es una interfaz para recolectar datos de usuarios y procesar el trabajo.
Por ejemplo, los formularios de pedido en línea como el de la siguiente imagen requieren una gran cantidad de datos. Los usuarios deben ingresar la información de contacto, los elementos que se deben comprar y el método de pago.
Ventajas de los formularios de varios pasos
Un formulario de varios pasos (Multi-step form) representa una sola tarea completada por un solo usuario. Es un flujo de trabajo lineal guiado que utiliza pantallas de UI relacionadas.
Puede configurar un formulario de varios pasos para ayudar a los usuarios a completar asignaciones complicadas. Por ejemplo, en lugar de tener un único formulario de pedido en línea sobrecargado con campos, configure un formulario de varios pasos. El formulario de varios pasos presenta información del formulario de pedido en línea en varias vistas enfocadas y concisas.
Navegación de formularios de varios pasos
Los formularios de varios pasos proporcionan tres estilos de navegación: navegación horizontal, vertical y estándar. Con los tres estilos, los usuarios navegan por las vistas usando los botones Next y Previous . En la siguiente figura se muestra un formulario de varios pasos de pedido en línea que utiliza la navegación estándar:
Con la navegación horizontal y vertical, un menú de navegación (orientado horizontal o verticalmente) muestra el paso dentro del formulario de varios pasos en el que se encuentra el usuario. En la siguiente figura se muestra un formulario de varios pasos de pedido en línea que utiliza la navegación vertical:
Aunque se recomienda el uso de formularios de varios pasos cuando la información debe completarse en orden secuencial, los usuarios pueden navegar hacia adelante y hacia atrás entre las vistas siempre que no haya campos obligatorios y no se envíe el formulario de varios pasos. La opción Submit está disponible en la última vista del formulario de varios pasos. En la siguiente figura se muestra el último paso de un formulario de varios pasos de pedido en línea que utiliza la navegación horizontal:
Compruebe sus conocimientos con la siguiente actividad:
This Topic is available in the following Module:
¿Quiere ayudarnos a mejorar este contenido?