I just wondered if it would be better to have the active state white or yellow. So which of both would you consider active at the moment?

Active State

  • Is this a tab or a button or a toggle? Context of the rest of the interface and interaction provide important clues about the active or inactive state...
    – Michael Lai
    Feb 8, 2015 at 9:25
  • Could you upload a screenshot with the button in its context? Feb 9, 2015 at 0:24

3 Answers 3


Well, I think there are a few factors that need to be considered. What does the rest of your layout look like? What colors are you using? Where are these buttons placed? All of those things (and more) will come into play when your users are trying to determine whether the button is active.

My suggestion would to do some AB testing with your potential users.


I kind of feel like if you have to ask, then you should be doing more to visually indicate which buttons are active than just using color. Google has some good guidelines along these lines: http://www.google.com/design/spec/components/buttons.html#


I will say I can't tell the active state by the contrast of yellow and white. Maybe add some shadow/darker border to indicate a pressed button. If use the visual indicator as a states indicator, keep in mind the visual style should be consistent with the rest of the pages. Different visual styles will confuse users.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.