Folha de ação Aplicativo móvel

Permite selecionar ações de uma classe de painel associada ao contexto.

9 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.

Informar o objeto da açãoUse os títulos para ver a quais itens as opções se aplicam.Use uma mão para abrir o menu e toque nas linhas adjacentes. Separe a ação de exclusão da seleção regular; O fechamento da tabela deve retornar o contexto anterior correto.Exemplo Os painéis incluem “Compartilhar”, “Renomear” e “Excluir fotos”; O botão excluir é separado, enquanto “Cancelar” apenas fecha a tabela.Escreva o nome da ação específicaMantenha as opções usadas com frequência facilmente reconhecíveis e não misture diversas finalidades.Coloque as opções usadas com frequência onde sejam fáceis de digitalizar; O nome da ação deve ser suficientemente claro, mesmo que o usuário não leia a descrição acima.Separação de ações perigosasDefina excluir ou bloquear separadamente e inclua confirmação quando necessário.Separe a exclusão ou bloqueio das opções comumente usadas, mantenha a área de toque ampla o suficiente e confirme de acordo com as consequências do mundo real.Cancelar sem alteraçãoTem um fechamento claro e toque de base apropriado ou comportamento de puxar para baixo.Fechar com o botão cancelar, tocar no fundo ou arrastar para baixo requer o mesmo resultado: manter os dados e não fazer seleções.

Ação e feedback

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

Mantenha o foco e a ordem de leitura corretaInforma à ferramenta de suporte que o painel está aberto e retorna a ativação quando fechado.Verifique se o painel tem muitas opçõesPermita que o conteúdo role enquanto preserva o contexto e as rotas de fuga.Encurte a seleção antes de adicionar pergaminhos. Se for necessária rolagem, deixe claro o conteúdo abaixo e mantenha uma saída visível.Segure a ação quando o teclado aparecerCaso o painel possua caixa de entrada, ajuste a altura e não cubra o botão principal.Experimente o painel próximo à parte inferior da tela com o teclado aberto; A caixa de entrada, o erro e o botão de confirmação precisam estar visíveis.

Complete a experiência

Verifique se há detalhes que são fáceis de perder ao colocar o design em uso.

Indica que a planilha pode se expandirSe a planilha suportar várias alturas, use uma capacidade de arrasto reconhecível e posições de descanso para que os usuários possam descobrir conteúdo adicional.Experimente arrastar para cima, arrastar para baixo e manipular com ferramentas de suporte; O nível de abertura não deve obliterar o título ou o botão de saída.Distinguir a folha da tela atrás delaUse um pano de fundo ou camadas transparentes para mostrar que a planilha está ativa e evitar interação acidental com a tela abaixo.Quando o painel está aberto, o conteúdo de fundo não recebe foco ou ação; Fechar o painel precisa levar o usuário ao ponto de disparo correto.

O progresso é salvo automaticamente neste navegador.

ORIENTAÇÕES

Como revisar

Verifique se há operações que podem ser facilmente selecionadas por engano

Use uma mão para abrir o menu e toque nas linhas adjacentes. Separe a ação de exclusão da seleção regular; O fechamento da tabela deve retornar o contexto anterior correto.

EXEMPLOS

Exemplos de uso

Selecione para uma foto

Os painéis incluem “Compartilhar”, “Renomear” e “Excluir fotos”; O botão excluir é separado, enquanto “Cancelar” apenas fecha a tabela.