so recently my team has been working on an interesting project that involves creating a 3D apartment showroom. My job is to design a simple navigation for people to easily navigate between 2 rooms. The navigation is placed at the bottom left as shown below. However, my teammates and I disagree over the interaction. Should the Place A button be greyed out when the user is in place B and vice versa?

Which option (top or bottom) do you think would work best and why?

enter image description here

  • What happens when you hit the Place B button in the first example?
    – moot
    Aug 6 at 9:00
  • Consider using links and not buttons. Buttons require a little more work to make them unambiguously clear. Read this question as it is one of the most popular questions on this site for a good reason.
    – jazZRo
    Aug 7 at 7:42

1 Answer 1


Answer is version 2.

Enabled state buttons denote a possible action, while disabled buttons communicate that the element is disabled, so nothing will happen. Therefore, since you're in Place B, an active button that reads Place B makes no sense, because your only option is to navigate to Place A. Hence, the button that reads Place A should be enabled.


I think the confusion comes because of active states, which are usually highlighted. In that case, highlighting Place B would make sense. But there are two problems:

  1. You have an arrow, indicating an action.
  2. You're using a grayed-out button for an element that is enabled. Grayed out usually means disabled.

With this in consideration, if you remove the arrow icon and change the color of the other button, it would be possible to consider version 1. Still, I think it's not worth it, and using version 2 is enough.

Your Answer

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

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