Formulário de várias etapas Aplicativo da web

Divida tarefas longas em etapas sem perder dados.

7 verificações · 2 grupos de conteúdo

Conteúdo do checklist

Progresso da revisão

Informação e estrutura

Compare as informações e a apresentação no contexto de uso.

Indique a etapa atual e o restoUse nomes de etapas claros em vez de números de sequência.Vamos voltar a editar a resposta sem excluir as informações nas etapas a seguir.Exemplo “2/4 — Endereço de entrega” tem um caminho para “Informações do destinatário”.Cada etapa tem um propósitoColete os campos relevantes e solicite apenas as informações necessárias para aquela etapa.Agrupe perguntas por decisão ou tópico; Não divida as etapas apenas para obter o mesmo número de campos.Verifique na etapa apropriadaCorrija apenas os campos de erro antes de alternar as etapas e não relate todos os erros no final da tarefa.Reportar erros na etapa atual e focar no primeiro erro ao continuar; Os campos válidos não precisam ser digitados novamente.Mantenha os dados ao retornarTente alterar etapas, modificar seleções e verificar informações atualizadas de dependência com explicações.Voltar precisa manter a resposta; Se a nova resposta tornar o ramo seguinte não mais relevante, explique quais dados serão eliminados.

Ações e status

Experimente a operação, altere o status e continue trabalhando.

Indique como continuar após a interrupçãoSe for salvo como rascunho, indique claramente onde e por quanto tempo; Caso contrário, avise antes de sair.Indique onde o rascunho está salvo, por quanto tempo e se está em conta; Evite prometer continuar em outro dispositivo ao salvar apenas localmente.Revise antes do envio finalMostre resumos e edições de cada seção sem precisar navegar desde o início.A partir do resumo, o botão de edição deve girar o conjunto correto de questões e depois retornar ao teste final com dados atualizados.Termine com a confirmaçãoNotifique o envio, guarde os dados em caso de erro e indique claramente os resultados e próximos passos.

O progresso é salvo automaticamente neste navegador.

ORIENTAÇÕES

Como revisar

Indique a etapa atual e o resto

Vamos voltar a editar a resposta sem excluir as informações nas etapas a seguir.

EXEMPLOS

Exemplos de uso

Indique a etapa atual e o resto

“2/4 — Endereço de entrega” tem um caminho para “Informações do destinatário”.

Formulário de várias etapas Aplicativo da web

Informação e estrutura

Ações e status

Como revisar

Indique a etapa atual e o resto

Exemplos de uso

Indique a etapa atual e o resto

Encontrar um checklist

Nenhum checklist encontrado