Outline
Information User Information Interaction
Outline
Representation
Outline
Information
Information User Information Interaction
Outline
Representation
Outline
Information
User
Information User Information Interaction
Outline
Representation
Outline
Information
User
Information Representation
Information User Information Interaction
Outline
Representation
Outline
Information
User
Information Representation
Information User Information Interaction
Outline
Interaction
Representation
Interaction
Outline
Information
Too
User
Information Representation
Interaction
many tabs – information overload
› Lose overview of current open tabs › Lose track of original purpose when jumping
from tab to tab
Outline
Interaction
Outline
Information
User
Information Representation
Interaction
Solution
› A well-designed visualization can reduce the
cognitive load associated with having many open browser tabs.
Outline
Interaction
Outline
Information
User
Information Representation
Interaction
Browsing
Behavior – Identified from user research > > > > > > >
Outline
Interaction
The never-closing browser Opening new pages in new tabs Overview over current tabs Tabs as “soft bookmarks” or reminders Browser “spaces” (by tasks) Browsing historians Tab arrangement by importance
Outline
Information
User
Information Representation
Radial Tabs
ChronoViz
BarViz
Outline
Interaction
Interaction
Outline
Information
Radial
User
Information Representation
Interaction
Tabs Representation – a hierarchical view of which opened which
Outline
Interaction
Outline
Information
Interactions
Outline
Interaction
User
Information Representation
Interaction
Outline
Information
User
Information Representation
Interaction
Implementation › Technology: Firefox extension: XUL + Javascript + SVG Javascript components: jQuery + jQuery SVG plugin
Thanks to - Pat Dubroy for tlogger - Any Mutton for Screengrab - Keith Wood for jQuery SVG plugin Outline
Interactio
Outline
Information
User
Information Representation
Interaction
Future works › Release as Firefox extension › Open source: http://code.google.com/p/tabviz › Exploring other visualizations › User study + publication?
Outline
Interacti
Contact Information › tab-viz@googlegroups.com › http://tabviz.org