Navegação na barra de guias Aplicativo móvel

Alterne entre as áreas principais de acordo com os hábitos do seu dispositivo.

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

Conteúdo do checklist

Progresso da revisão

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

Role em uma guia, abra o conteúdo profundo e alterne para frente e para trás. Mantenha a guia atualmente selecionada limpa, preserve o contexto apropriado e evite usar guias como botões de ação.Exemplo Mudar de “Explorar” para “Salvo” e voltar mantém a posição de rolagem; O novo botão de criação é separado, portanto não será confundido com uma guia.Mantenha os nomes curtos e verifique ao traduzir para idiomas longos; Ícones menos familiares precisam de rótulos para que os usuários não adivinhem o destino.A aba padrão deve ser imediatamente reconhecível ao abrir a tela; O estado selecionado precisa ser lido corretamente pela ferramenta de suporte.

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

Experimente telas pequenas e dispositivos com área de navegação do sistema; A área de toque precisa ser maior que o ícone visível.Use pontos quando precisar apenas indicar uma atualização, use números quando a quantidade ajudar a decidir; Não apresente o total como não lido.Mantenha barras de abas nas telas de nível principal e defina claramente situações de soneca; A troca de guias não deve excluir silenciosamente o histórico da área que acabou de sair.

O progresso é salvo automaticamente neste navegador.

ORIENTAÇÕES

Como revisar

Verifique o status ao alterar as guias

Role em uma guia, abra o conteúdo profundo e alterne para frente e para trás. Mantenha a guia atualmente selecionada limpa, preserve o contexto apropriado e evite usar guias como botões de ação.

EXEMPLOS

Exemplos de uso

Voltar para a lista de leitura

Mudar de “Explorar” para “Salvo” e voltar mantém a posição de rolagem; O novo botão de criação é separado, portanto não será confundido com uma guia.

Navegação na barra de guias Aplicativo móvel

Tela e contexto

Ação e feedback

Complete a experiência

Como revisar

Verifique o status ao alterar as guias

Exemplos de uso

Voltar para a lista de leitura

Encontrar um checklist

Nenhum checklist encontrado