Para diminuir o esforço de programação e seguir padrões de design consolidados no mercado, Pedro adotou o framework Bootstrap na implementação de seu site. Uma das opções do site é um botão para exclusão definitiva dos dados de usuário, onde, por se tratar de uma ação crítica, Pedro deve adotar a classe:
- A)btn-primary;
Errada, porque btn-primary e usada para a acao principal da pagina, nao para uma operacao destrutiva.
- B)btn-warning;
Errada, porque btn-warning indica alerta ou cautela, mas nao e a classe classica para uma exclusao definitiva.
- C)btn-info;
Errada, porque btn-info serve para destacar informacoes, nao para transmitir risco de perda de dados.
- D)btn-secondary;
Errada, porque btn-secondary e uma opcao neutra ou complementar, sem o peso visual de uma acao critica.
- E)btn-danger.
Certa, porque btn-danger e a classe do Bootstrap usada para acoes perigosas, destrutivas ou que exigem cautela.
Gabarito: E
No Bootstrap, as classes de botao seguem uma logica bem simples: cada cor comunica um tipo de acao. Assim, voce nao escolhe a classe pelo capricho visual, mas pelo significado da operacao na interface. A ideia e ajudar o usuario a entender, quase sem pensar, se aquela acao e apenas informativa, de confirmacao ou de risco. Quando a acao e critica, como exclusao definitiva de dados, o padrao do Bootstrap e usar a classe que transmite perigo e alerta. Em interfaces web, isso normalmente aparece com o tom vermelho, justamente para chamar atencao e sinalizar que a acao pode causar perda importante. Por isso, o gabarito correto e a classe que representa risco ou destrutividade. As outras classes seguem outros sentidos: primary costuma destacar a acao principal, warning chama atencao para alerta, info passa informacao e secondary indica algo mais neutro ou complementar. Como a exclusao definitiva e uma acao que o usuario deve encarar com cautela, a escolha correta e a classe associada a perigo. Em resumo: no Bootstrap, o significado da cor tambem comunica semantica. Aqui, a exclusao definitiva pede a classe que remete a perigo, pois a interface precisa avisar o usuario de forma clara antes de ele clicar no botao.