Wednesday, June 19, 2019

design patterns - What should be the difference between enabled and disabled buttons? (especially if they are grey)


What is the best way to show that a button is Enabled or Disabled? (especially if it has grey color)


For example what do you feel about the following button? Is it enabled or disabled? How could it be improved?


enter image description here




Answer



Make disabled button flat and less contrast, compare:


enter image description here


By removing the gradient you will tell the user it couldn't be pressed and by making text less contrast you're telling the user it's off - an analogy with a neon, it's light up so it's on, otherwise it's off like the "no" part on the image below:


enter image description here


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...