Passo a passo Sistema de projeto

Aumente ou diminua um número em etapas claras.

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

Conteúdo do checklist

Progresso da revisão

Estrutura e significado

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

Informar o valor que está sendo reajustadoDefina o rótulo e a unidade da caixa numérica com um botão de aumentar ou diminuir.Pessoas que precisam de valores grandes devem ter como entrar diretamente, sem precisar pressionar dezenas de vezes.Exemplo Quantidade: insira 12 ou utilize os botões “Aumentar quantidade” e “Diminuir quantidade”.Definição de incrementoMantenha cada clique alterado para a unidade ou etapa apropriada.Indique a unidade de passo e tente pressionar várias vezes consecutivas para que o número ainda aumente ou diminua de acordo com a convenção.Reflete mínimo e máximoPare no limite, indique o motivo e o status do botão que não pode mais ser usado.Quando o limite for atingido, mantenha o botão na mesma posição e reflita o estado inutilizável em vez de fazer o botão desaparecer.

Interação e usabilidade

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

Verifique o número inserido diretamenteLida com letras, números negativos, decimais e valores fora do intervalo sem alterar silenciosamente.Permitir entrada direta quando muitas mudanças forem necessárias; reportar um valor inválido em vez de convertê-lo silenciosamente para outro número.Use o tecladoSuporta foco, botões e teclas para ajuste adequado com entrada numérica.Experimente operações com setas, guias e botões para que os usuários possam ajustar os números sem usar o mouse.Atualizar resultados relevantesQuando alterações numéricas afetarem preços ou totais, relate os resultados imediatamente na área correta.Caso o valor mude para o valor total ou outro dado, a resposta deverá ficar com o novo valor e manter o estado ao atualizar o erro.

Complete a experiência

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

Escolha tamanhos de controle para o contextoSe variantes pequenas e grandes estiverem disponíveis, mantenha áreas de destino utilizáveis, números legíveis e um layout equilibrado entre a entrada e seus dois botões.A versão utilizada em painéis grossos ainda deve poder ser operada por toque e não dificultar a distinção dos botões de aumentar e diminuir.

O progresso é salvo automaticamente neste navegador.

ORIENTAÇÕES

Como revisar

Informar o valor que está sendo reajustado

Pessoas que precisam de valores grandes devem ter como entrar diretamente, sem precisar pressionar dezenas de vezes.

EXEMPLOS

Exemplos de uso

Informar o valor que está sendo reajustado

Quantidade: insira 12 ou utilize os botões “Aumentar quantidade” e “Diminuir quantidade”.

Passo a passo Sistema de projeto

Estrutura e significado

Interação e usabilidade

Complete a experiência

Como revisar

Informar o valor que está sendo reajustado

Exemplos de uso

Informar o valor que está sendo reajustado

Encontrar um checklist

Nenhum checklist encontrado