Menu suspenso Sistema de projeto

Traga ações relacionadas para menus fáceis de gerenciar.

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

Conteúdo do checklist

Estrutura e significado Interação e usabilidade Complete a experiência

Progresso da revisão

Estrutura e significado

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

Nomeie o botão que abre o menuIndica qual ação o menu contém e reflete o estado aberto.O botão de três pontos ainda precisa de um nome de acesso de acordo com o objeto que está afetando.Exemplo O botão é denominado “Operar novo rascunho de design”.Escreva ações específicasUse verbos distinguíveis e adicione atalhos somente quando houver suporte.Mantenha a coluna de ícones e a coluna de atalhos alinhadas; mostra apenas o atalho que realmente funciona para aquela ação.Grupo de tarefas relacionadasUse títulos ou separação quando o número de ações for grande.Coloque ações e objetivos lado a lado; Os divisores precisam refletir um agrupamento significativo, e não apenas uma divisão igual de itens.Ações separadas que são difíceis de desfazerDefina excluir ou revogar separadamente e explique a confirmação, se necessário.Mantenha as ações difíceis de desfazer separadas das tarefas usadas com frequência e distantes o suficiente para reduzir cliques acidentais.

Interação e usabilidade

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

Explique por que não pode ser usadoNão crie um item desabilitado sem que o usuário saiba o que fazer para abri-lo.Explique a condição não atendida com conteúdo utilizável ao focar ou tocar, não apenas com uma dica de ferramenta ao passar o mouse.Abra, navegue e feche usando o tecladoUse o comportamento de menu apropriado, Escape e retorne o foco para o botão abrir.Mantenha o menu na telaMude de direção ou role quando estiver próximo da borda; Não cubra o ponto de gatilho necessário.Abra o menu nos cantos da tela, com listas longas e texto ampliado para ver se muda de direção ou rola.

Complete a experiência

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

Mantenha os submenus limitados e controláveisSe um grupo abrir um submenu, deixe essa capacidade clara, apoie a entrada e saída dele com um teclado e evite aninhamentos profundos que façam com que os usuários percam o lugar.Experimente submenus próximos à borda da tela e na tela sensível ao toque; o usuário deve ser capaz de abri-lo sem manter o mouse sobre uma linha muito estreita.

O progresso é salvo automaticamente neste navegador.

ORIENTAÇÕES