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.
Un formulario de varios pasos representa una tarea única completada por un único usuario. Es un flujo de trabajo lineal guiado que utiliza pantallas de interfaz de usuario relacionadas.
Nota: El proceso de creación predeterminado en la etapa de creación es un formulario de varios pasos. Este formulario de varios pasos se muestra como un modal de forma predeterminada en el tiempo de ejecución.
Puede configurar un formulario de varios pasos para ayudar a los usuarios a completar tareas complicadas. Por ejemplo, en lugar de un formulario de pedido en línea único y confuso, puede configurar un formulario de varios pasos. El formulario de varios pasos presenta información del formulario de pedido en línea en múltiples pantallas enfocadas y concisas. En el siguiente ejemplo, el usuario navega a diferentes pantallas utilizando el menú de navegación.
Navegación de formularios de varios pasos
Los formularios de varios pasos proporcionan tres plantillas con diferentes estilos de navegación: horizontal, vertical y estándar. Con la navegación horizontal y vertical, los usuarios navegan por las pantallas usando el menú de navegación (orientado horizontal o verticalmente). Con la navegación estándar, los usuarios navegan por las pantallas usando los botones Continuar y Atrás.
Desde el menú de navegación, los usuarios pueden navegar a las pantallas disponibles en cualquier orden. Los usuarios pueden ingresar, guardar y cambiar la información en la pantalla en cualquier orden, siempre que no se envíe la pantalla. La opción Finalizar está disponible en la última pantalla del formulario de varios pasos.
El ejemplo de formulario de pedido en línea anterior utiliza navegación horizontal. En el centro de la siguiente imagen, deslice la línea vertical para ver las diferencias entre la navegación vertical y la navegación estándar.
Compruebe sus conocimientos con la siguiente actividad:
This Topic is available in the following Modules:
If you are having problems with your training, please review the Pega Academy Support FAQs.
¿Quiere ayudarnos a mejorar este contenido?