Visualizing browser tabs in a useful way
The Tab Viz Project

Tab usage visualization: reexamination of the fan-shaped view

When we further discussed details of the fan-shape View of what opened what, we experience tradeoffs among features we wanted to represent. An important decision was then made: discard the representation of tab age indicating by color. Too many colors would dilute each’s importance though visually appealing, thus we decided not to misuse this significant representational element; instead, we chose to use the size to represent the total amount of time spent on tabs, i.e., more time you spent on a tab, the longer that tab would be. We reexamined how we previously represent what opened what and added a new feature in our visualization: history of current open tabs. Here comes our redesign of the fan-shape view:

fan-shaped view v.2

As can be seen in Figure 1, the color is now used to represent the current state of tabs: yellow shows tabs recently in use; gray indicates tabs not used for a while; dark gray represents a history of previously opened pages within current tabs. The margin is set in between tabs to show new tabs open, whereas those without margin (dark gray ones) represent the history of that tab.
In addition, we considered the chance that people might open tabs out of the blue, meaning pressing Ctrl+Tab or right clicking “open new tab”. One possible way to solve this problem can be seen in Figure 2.

fan-shaped view v.2

V2 & V3 represents two totally different tab organization of the fan-shape view from the original one. Clicking on any of them will replace the current fan-shape view.
We wish this view wouldn’t bigger than half of the browser window, which will look like Figure 3:

fan-shaped view fitted in browser window

One problem is still in the face of us: how do we show these tabs’ thumbnail/icon? We think of the regular rectangle thumbanil way to represent them, but not satisfied with it. Hope we will come up with better ideas in the future!

Pros Cons
  • a light and unobtrusive visualization
  • doesn’t require you to leave your current browsing context
  • visually appealing and refreshing
  • very useful when opening multiple new tabs from one tab (e.g. search results)
  • gives you a history of the pages that were previously opened in a tab
  • in most cases you only have one tab in your opening hierarchy
  • in the case of a very complex hierarchy tab tiles become very small and the icons/thumbnails in them difficult to view
  • it doesn’t give you an overview over all open tabs, but only the ones connected to the current one

0 comments

There are no comments yet...

Kick things off by filling out the form below.

Leave a Comment