Jump to content
  • 1
marvelway

Unintuitive UI: The selected tab should stand out from the top bar

Idea

When you look at the attachment below, which tab do you think is selected? The first tab or the second tab? 

The answer is the second tab. 

It's hard to tell which tab is selected because the selected tab is light gray, which is the same color as the top bar (the toolbar and tab bar). This makes the selected tab blend in with the top bar, when it should stand out from the top bar.

Currently, selected tabs are light gray, while unselected tabs are dark gray. I think it should be reversed: the selected tab should be dark gray, and the unselected tabs should be light gray. This is because I think the selected tab should stand out from the top bar. It's more intuitive.

 

evernote-unintuitive.png

Share this post


Link to post

1 reply to this idea

Recommended Posts

  • 0

For example, look at the attachment below to see how Chrome makes it intuitive to tell which tab is selected and which tab is unselected.

Which tab do you think is selected? The first tab or the second tab? The answer is the second tab. 

Chrome makes the selected tab stand out from the top bar. You can see that the selected tab is dark, while the unselected tab and top bar are both light. In other words, the selected tab stands out from the top bar, while the unselected tabs blend in with the top bar. 

I don't care if the selected tab is light, while the unselected tabs are dark, or if the selected tab is dark, while the unselected tabs are light. 

The point is, the selected tab should stand out from the top bar, while the unselected tab should blend in with the top bar.

If the top bar is dark, the selected tab should be light to stand out, and the unselected tab should be dark to blend in with the top bar. If the top bar is light, the selected tab should be dark to stand out, and the unselected tab should be light to blend in with the top bar. 

In Evernote, the top bar is light gray, so the selected tab should be dark gray to stand out from the top bar, and the unselected tabs should be light gray to blend in with the top bar.

chrome-selected-tab.png

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...