Formulario de varios pasos aplicación web

Divida las tareas largas en pasos sin perder datos.

7 comprobaciones · 2 grupos de contenido

Contenido de la lista

Progreso de la revisión

Información y estructura

Comparar información y presentación en contexto de uso.

Indique el paso actual y el resto.Utilice nombres de pasos claros en lugar de números de secuencia.Volvamos a editar la respuesta sin borrar la información en los siguientes pasos.Ejemplo “2/4 — Dirección de entrega” tiene una ruta a “Información del destinatario”.Cada paso tiene un propósitoRecopile los campos relevantes y solicite solo la información necesaria para esa etapa.Agrupar preguntas por decisión o tema; No divida los pasos solo para obtener la misma cantidad de campos.Verifique en el paso apropiadoCorrija únicamente los campos de error antes de cambiar de paso y no informe todos los errores al final de la tarea.Informar errores en el paso actual y centrarse en el primer error al continuar; No es necesario volver a introducir los campos válidos.Conservar datos al regresarIntente cambiar los pasos, modificar las selecciones y buscar información de dependencia actualizada con explicaciones.Atrás es necesario conservar la respuesta; Si la nueva respuesta hace que la siguiente rama ya no sea relevante, explique qué datos se eliminarán.

Acciones y estado

Pruebe la operación, cambie el estado y continúe trabajando.

Indique cómo continuar después de la interrupción.Si se guarda como borrador, indique claramente dónde y por qué duración; Si no, avisar antes de salir.Indique dónde se guarda el borrador, por cuánto tiempo y si está en una cuenta; Evite prometer continuar en otro dispositivo cuando solo guarde localmente.Por favor revise antes del envío finalMuestra resumen y ediciones de cada sección sin tener que navegar desde el principio.A partir del resumen, el botón de edición debería generar el conjunto correcto de preguntas y luego regresar a la prueba final con datos actualizados.Terminar con la confirmaciónNotificar el envío, retener datos en caso de error y exponer claramente los resultados y próximos pasos.

El progreso se guarda automáticamente en este navegador.

GUÍA

Cómo revisar

Indique el paso actual y el resto.

Volvamos a editar la respuesta sin borrar la información en los siguientes pasos.

EJEMPLOS

Ejemplos de uso

Indique el paso actual y el resto.

“2/4 — Dirección de entrega” tiene una ruta a “Información del destinatario”.

Formulario de varios pasos aplicación web

Información y estructura

Acciones y estado

Cómo revisar

Indique el paso actual y el resto.

Ejemplos de uso

Indique el paso actual y el resto.

Buscar una lista

No se encontraron listas