Friday, March 13, 2015

How to deal with tab overflow of dynamic tabs?


Tabbed interfaces where the number of tabs is up to the user employ different solutions for the point where tabs of the default size no longer fit on the screen.


Google Chrome begins to reduce the width of the tabs, and does this up to a huge and unusable number of tabs and doesn't provide any special means of navigation between tabs. enter image description here


Firefox both reduces the width of the tabs, provides a navigation dropdown (from the very beginning - as soon as there's two tabs), and when you exceed a certain number also provides scrolling arrows at the right and left ends of the tab bar.


enter image description here


IE9 reduces the width of the tabs and at a certain point also provides scrolling arrows.



enter image description here


Axure RP doesn't reduce the width of the tabs (not by much in any case), and just provides the dropdown and the arrows. enter image description here


Which approach is best and why? It's important to note that in my case, the labels may be very long (4-5 words) and not necessarily very descriptive when truncated.




No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...