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?
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:
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.
