Skip to content
This repository has been archived by the owner on Dec 11, 2019. It is now read-only.

UX | Design : Tab hover UX #12454

Closed
modusops opened this issue Jan 1, 2018 · 2 comments · Fixed by #12565
Closed

UX | Design : Tab hover UX #12454

modusops opened this issue Jan 1, 2018 · 2 comments · Fixed by #12565

Comments

@modusops
Copy link

modusops commented Jan 1, 2018

Test Plan:
#12565

Some minor UX issues I have w/ tabs in the Brave browser:

  1. Hovering on each inactive tab by default, enables a preview of the page. As it is quite easy to accidentally hover into the tab zone, the current experience is jarring when you have many tabs open.

Might I suggest a subtle transition animation (fade in) similar to the one you're already using for new tabs. The preview for each inactive tab will more user friendly.

  1. The hover state for each inactive tab is currently a slight shift in tone of grey. While this is similar to Chome, I wonder if this could be improved by making the hover state even more obvious. This would make it more accessible for users with visual impairment, low screen brightness, for users who have adjusted screen resolution, or users w/ many tabs.

  2. While hovering over a tab, user can create a new tab. However, the new tab is immediately presented while the hover is still over the previous tab. This UX could be improved, as the user's mental model becomes inconsistent with what they have previously learnt. I think this is where a more obvious "active tab" could help.

Hope this helps! Liking everything else so far!

@srirambv
Copy link
Collaborator

srirambv commented Jan 2, 2018

Hovering on each inactive tab by default, enables a preview of the page. As it is quite easy to accidentally hover into the tab zone, the current experience is jarring when you have many tabs open.

This should be fixed in 0.20.x build which has threshold before showing preview

cc: @bradleyrichter @cezaraugusto to comment on the other two items

@petemill petemill mentioned this issue Jan 9, 2018
10 tasks
@petemill petemill self-assigned this Jan 19, 2018
@NejcZdovc NejcZdovc added this to the 0.21.x (Beta Channel) milestone Feb 14, 2018
@bsclifton bsclifton modified the milestones: 0.21.x (Beta Channel), 0.22.x (Developer Channel) Feb 20, 2018
@bbondy bbondy modified the milestones: 0.22.x (Developer Channel), 0.23.x (Nightly Channel) Feb 25, 2018
@alexwykoff alexwykoff modified the milestones: 0.23.x (Nightly Channel), 0.22.x (Developer Channel) Mar 13, 2018
@alexwykoff alexwykoff added the priority/P4 Minor loss of function. Workaround usually present. label Mar 13, 2018
@srirambv
Copy link
Collaborator

srirambv commented Mar 22, 2018

Verified on Windows x64

  • 0.22.6 e6ff4ea
  • libchromiumcontent: 65.0.3325.162
  • muon: 5.1.0

Verified on Ubuntu 10.10 x64

  • 0.22.7 8bb7e77
  • libchromiumcontent: 65.0.3325.181
  • muon: 5.1.1

Verified on macOS 10.12.6 x64 using the following build:

  • 0.22.7 8bb7e77
  • libchromiumcontent: 65.0.3325.181
  • muon: 5.1.1

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

9 participants