Alternar

Práticas recomendadas em interruptores de alternância e padrões em formulários?

Práticas recomendadas em interruptores de alternância e padrões em formulários?
  1. Em que situações você pode usar um botão de alternância versus um controle de switch vs uma caixa de seleção?
  2. Como você rotula interruptores de alternância?
  3. O que posso usar em vez de um interruptor de alternância?

Em que situações você pode usar um botão de alternância versus um controle de switch vs uma caixa de seleção?

Use um interruptor de alternância para configurações binárias quando as alterações entrarem em vigor imediatamente após o usuário alterá -las. Use uma caixa de seleção quando o usuário tiver que executar etapas extras para que as alterações sejam eficazes. Por exemplo, se o usuário deve clicar em um botão "Enviar" ou "próximo" para aplicar alterações, use uma caixa de seleção.

Como você rotula interruptores de alternância?

Os rótulos de alternância devem descrever o que o controle fará quando o interruptor estiver ligado; eles não devem ser neutros ou ambíguos. Em caso de dúvida, diga o rótulo em voz alta e anexa "ON/OFF" ao fim. Se não fizer sentido, reescreva o rótulo.

O que posso usar em vez de um interruptor de alternância?

Os interruptores de alternância têm seus usos, mas apenas se você os usar corretamente. Como alternativa, você pode usar botões de rádio ou caixas de seleção, por exemplo. Nos dois casos, as dicas de ferramentas podem ajudar os usuários a escolher.

Andando pelo bloqueador pop-up do safari
Como desativar o bloqueador pop-up no MacAbra o Safari e clique em Safari > Preferências no canto superior esquerdo da janela do navegador.Selecion...
Teste com diferentes tipos de protótipos
Quais são os 3 tipos de prototipagem?Quais são os 4 tipos diferentes de protótipo e seu propósito? Quais são os 3 tipos de prototipagem?Existem vári...
Cor Qualquer alternativa ao UX ruim ao alterar estilos de cores no figma?
Qualquer alternativa ao UX ruim ao alterar estilos de cores no figma?
Como faço para organizar meus estilos de cores no figma?Como você nomeia estilos de cores no figma? Como faço para organizar meus estilos de cores n...