• The tab displays the active page’s favicon together with those of the two adjacent pages. The tab now represents an entire history, rather one specific page. The page title is not shown, as it appears in the Page Info area (Figure 3).
  • Hovering over the History Scroller shows the page titles for all visible pages in the history.
  • Much of this mockup was shamelessly inspired by the brilliant Scrolltabs demo, though with some fundamental modifications.
  • The History Scroller replaces both the Back/Forward buttons and the traditional scrollbar. The tab’s recent history is visualized as a list of favicons. Clicking on a history item scrolls the content area back to that page and activates it while also restoring its previous position.
  • The active page group (indicated by the darker border) shows the active page followed by any pages spawned from it (e.g. via middle-clicking links), in historical order. This essentially forms a ‘to read’ list, obviating the need to spawn and close new tabs constantly.

    See Figure 7 for a more detailed explanation of how this works.
  • This tick indicates the position within the current page. It may be repositioned manually.
  • Forward history is never lost.

    Note also the darker background on all unread pages, which now live in the Forward history.
  • This tab bar would work even better on the left side of the window (especially in full-screen mode), thus allowing sites to take advantage of the top of the screen.

Ubiquitous Firefox – Figure 6: The History Scroller

Prev Next

My train of thought on how to redesign the browser.

Step 3b: The History Scroller
See annotations. The full image and description are on the Mozilla Wiki.

keyboard shortcuts: previous photo next photo L view in light box F favorite < scroll film strip left > scroll film strip right ? show all shortcuts