Visualizing browser tabs in a useful way
The Tab Viz Project

Fan-Shaped view of what opened what

After reviewing all of our interview notes, trying some existing extensions of tabs, conducting literature review on tab usage as well as browsing strategy, we came up with this idea: Fan-Shaped View of what tab opened what tab (See Figure 1).

scan
Figure 1

As can be seen, Figure 1 shows hierarchical browsing history of recently open tabs. For example, from the black tab in the lower left corner, two blue tabs were opened; from the lighter blue tab, three green tabs were opened. This view makes it clear in terms of what opened what; however, the facing problem would be people’s browsing behavior, such as lots of tabs were opened at once or a flat hierarchy of open tabs. Another challenge lies behind this view would be the shape of thumbnail/icon, which might become unrecognizable due to metamorphosis.

In addition to what tab opened what tab, there is another phase that can be revealed in Figure 1, i.e., the tab age. Color played an important role in this fan-shaped view, indicating the length of tab opened over time. Besides, according to our interviews, they tended to put the more important ones to the left, thus the color in this view of the same hierarchy would be gradient.

After we came up with this idea, we further considered some details of this view, such as what would happen if a tab has been closed and how it might fit in browser. As shown in Figure 2, if a tab has been closed, tabs of the next hirarchy would fill up its space. Also, this view could be located at the lower left corner of users’ browser window, when hovering on the corner, it would then show up.

fan-shaped visualization details
Figure 2

A more advanced consideration would be incorporating the visualization of the viewing time, i.e., the length of each tab, as revealed in Figure 3.

one possible way of fan-shaped visualization
Figure 3

These ideas are in its initial stage, waiting for more thorough deliberation to become riper. Hopefully, we would get some recommendations or critiques about whether it is useful or practical enough to implement.

What do you think?

4 comments

1 Business & Industries Guide » Blog Archive » The importance of good titles and headlines { 02.10.09 at 4:06 pm }

[...] opened what. What the heck does that mean? Knowing it’s from Liz Blankenship’s engaging TabViz blog, where she’s talking about the design and implementation of tabs in user interfaces [...]

2 Mick { 02.11.09 at 9:42 am }

I scrolled down to leave a “great job!” comment and perhaps mention the connection to pie menu research (just search pie menu at portal.acm.org), but I was mystified by / drawn to the previous comment. Oh, the hilarity! I visited the referring blog and had a tough time figuring out its point. Eventually, I figured out that it was about how hard it is to facilitate serendipitous discovery of blog info. I guess it was an example of its point.

3 liz { 02.11.09 at 10:44 am }

I was similarly amused by our random in-link. :-) We should definitely look at the pie menu research a bit, thanks.

4 Coleman { 02.14.09 at 4:45 pm }

nice. i especially like the idea of lengthening the tabs you were on for a longer time.

Leave a Comment