Visualização não disponível para mobile

Esse conteúdo foi preparado para ser visualizado exclusivamente em um computador.

Redo company logo

Vagas de design na Clinicorp

Todos os direitos reservados. © 2017-2025 Clinicorp

Início

Cores

Tipografia

Tom de voz

Componentes

Padrões

IA

Switch

Visão geral

O Switch é um componente de interface de usuário utilizado para alternar entre dois estados mutuamente exclusivos, como "ligado" e "desligado". É comumente usado para permitir ao usuário ativar ou desativar uma configuração específica.

Do's and Don'ts

✅ Para permitir que o usuário ative ou desative uma configuração.✅ Quando há necessidade de uma alternância clara e imediata entre dois estados.✅ Em interfaces onde é importante que o estado atual da configuração seja visível e fácil de alterar.

🚫 Para selecionar múltiplas opções de uma lista. Nesse caso, use Checkboxes ou Radio Buttons.🚫 Quando a ação não tem impacto imediato e precisa de uma confirmação adicional. Use botões de confirmação nesses casos.

Como usar

  • Utilize rótulos claros e descritivos ao lado do Switch para que o usuário entenda o que está sendo ativado ou desativado.
  • Garanta que o Switch seja suficientemente grande para facilitar o uso em dispositivos de toque.
  • O estado atual (ligado/desligado) deve ser visualmente distinto para evitar confusão.
Redo company logo

Vagas de design na Clinicorp

Todos os direitos reservados. © 2017-2025 Clinicorp

Switch

Visão geral

O Switch é um componente de interface de usuário utilizado para alternar entre dois estados mutuamente exclusivos, como "ligado" e "desligado". É comumente usado para permitir ao usuário ativar ou desativar uma configuração específica.

Do's and Don'ts

✅ Para permitir que o usuário ative ou desative uma configuração.✅ Quando há necessidade de uma alternância clara e imediata entre dois estados.✅ Em interfaces onde é importante que o estado atual da configuração seja visível e fácil de alterar.

🚫 Para selecionar múltiplas opções de uma lista. Nesse caso, use Checkboxes ou Radio Buttons.🚫 Quando a ação não tem impacto imediato e precisa de uma confirmação adicional. Use botões de confirmação nesses casos.

Como usar

  • Utilize rótulos claros e descritivos ao lado do Switch para que o usuário entenda o que está sendo ativado ou desativado.
  • Garanta que o Switch seja suficientemente grande para facilitar o uso em dispositivos de toque.
  • O estado atual (ligado/desligado) deve ser visualmente distinto para evitar confusão.