How should disabled buttons appear when they’re inactive? The way most designers indicate an inactive state is by graying out the button. However, this approach often catches users off-guard because the button’s enabled state looks nothing like the disabled one. Going from gray to fully colored is an unpredictable change that can affect user expectations. For a smooth and seamless experience, it’s
![Why You Shouldn’t Gray Out Disabled Buttons](https://cdn-ak-scissors.b.st-hatena.com/image/square/a766abbe61795e187a288edf1bcccd0c97941430/height=288;version=1;width=512/https%3A%2F%2Fuxmovement.com%2Fwp-content%2Fuploads%2F2019%2F08%2Fdisabled-button-transparency.png)