Estados de elemento são as aparências diferentes que um componente assume conforme a interação ou a situação do sistema. Os mais comuns são padrão, hover (mouse em cima), ativo (sendo clicado), desabilitado e erro. Desenhar cada um deles é o que dá retorno pra quem está usando.
O estado funciona como sinal de que a ação foi registrada. Um botão que muda de cor ao ser clicado tranquiliza a pessoa, porque ela vê que algo respondeu. Sem esse retorno, ela clica de novo, gera erro e se frustra. Um estado bem feito é quase uma placa de trânsito, já que diz onde você está e o que pode fazer dali.
Pra produto, isso importa porque define requisito e consistência. Se cada botão da plataforma se comporta de um jeito no hover ou no erro, o produto fica confuso. Alinhar a definição dos estados entre design e engenharia mantém tudo previsível. E o estado desabilitado precisa contrastar o suficiente pra não sumir pra quem enxerga pouco.