Tela inicial Aplicativo móvel

Vá da abertura do aplicativo ao conteúdo real sem deixar os usuários esperando.

6 verificações · 3 grupos de conteúdo

Conteúdo do checklist

Progresso da revisão

Tela e contexto

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

Mantenha sua identidade curta e claraUse o logotipo ou nome em um fundo com contraste adequado.Abra o aplicativo quando houver uma interrupção na rede e quando o carregamento de dados estiver lento. A tela inicial não deve deixar os usuários esperando indefinidamente; transição para carregamento ou estado de erro com caminho de continuação.Exemplo Após a etapa de inicialização, “Não conectado” é exibido com um botão “Tentar novamente”; Se houver dados salvos, abra esse conteúdo.Visível apenas durante a inicializaçãoNão estenda a tela de abertura apenas para mostrar sua marca.Meça os tempos de inicialização em dispositivos lentos; Termine o splash quando o conteúdo estiver pronto, não hesite apenas durante o efeito.Relatar trabalhos pendentes quando necessárioSe a inicialização demorar muito, forneça um estado significativo em vez de deixar a tela congelada.Se esperar tempo suficiente para causar confusão, adicione um sinal de inicialização significativo e respeite a escolha de reduzir o movimento.

Ação e feedback

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

Vá para a tela inicial corretaMantenha a experiência consistente entre a primeira abertura, o retorno e a abertura dos links.Tente abrir links novos, de retorno e diretos; Evite piscar a tela errada antes de atingir o conteúdo alvo.Existe uma maneira de lidar com erros ao inicializar errosNão coloque botões decorativos no splash; Mudar para um estado de erro tem uma maneira de continuar.Splash é usado para transições e não contém opções de ação. Se a inicialização falhar, vá para a tela de erro com instruções para continuar.

Fluxos a verificar

Testar situações específicas ao iniciar, alterar e concluir uma tarefa.

Não colocar tarefas na tela de inicializaçãoA tela de abertura mantém a identidade visual durante a inicialização; escolhas e instruções ficam na tela seguinte.Testar a abertura inicial e o retorno do segundo plano: nenhum botão necessário deve desaparecer ao terminar o carregamento.Exemplo O logo dá lugar à tela principal; o botão de acesso aparece apenas na tela de login.

O progresso é salvo automaticamente neste navegador.

ORIENTAÇÕES

Como revisar

Teste a inicialização com rede fraca

Abra o aplicativo quando houver uma interrupção na rede e quando o carregamento de dados estiver lento. A tela inicial não deve deixar os usuários esperando indefinidamente; transição para carregamento ou estado de erro com caminho de continuação.

EXEMPLOS

Exemplos de uso

O aplicativo não pode se conectar

Após a etapa de inicialização, “Não conectado” é exibido com um botão “Tentar novamente”; Se houver dados salvos, abra esse conteúdo.