Cognitive Shield for the Firefox New Tab
As we iterate on the new tab design for Firefox, we’ve run into a seeming paradox. The new tab screen should have two main functions: (A) To show you the sites you are most likely to be interested in going to, and (B) to not distract you. That’s the paradox: by design success is when the pages we show are maximally interesting/distracting, but an explicit goal is to not interrupt your flow.
This iteration focuses on solving that paradox by proposing a solution that we’ve dubbed “the cognitive shield” (coined by Alex Faaborg).
The Cognitive Shield
No matter where we put the links to your most visited sites (and their latest news), it always seemed to be a distraction. Our original thought was to place the links along the bottom of the page — outside your foveal vision. In practice, the peripheral vision proved too strong, and the links still drew your eye and interrupted your cognitive flow.
The cognitive shield hides the distractions until you move the mouse. Then the links fade in quickly.
Here’s the thinking:
If you are typing a destination into the navigation bar, then your locus of attention is on the place you are trying to go — so we should stay politely out of your cognitive way. On the other hand, if you are using the mouse than you will probably benefit from the mouse-based navigation aid, so show it.
Whether you are using the mouse is a good indicator of whether you are in a cognitive flow or not. That realization resolves the paradox: the links are there when you need then, and not when you don’t.
The design of the cognitive shield is a ring of 8 circles (designed by Edi Lee), each containing one of your top-visited sites. We think of it as a personal watermark.
We went through a number of metaphors for the cognitive shield.
Instead of a metaphor which always strains — what symbol represents frequently used sites? — we went for the abstract glyph.
There are a couple more features we’re in the process of adding. In particular: The ability to manually add a site is entirely broken. There’s no way to change the total number of frequently visited sites shown. There may still be encoding problems for non-roman scripts. Middle-clicks may be broken. The visual style needs a refresh. And the sites don’t remember their new positions post restart.
Testing the Prototype of New Tab
Step 1. Download and install the latest development build of Firefox 3.1.
Step 2. Download and install the latest version of the New Tab prototype.
Step 3. Let us know what you think, including what works, what doesn’t and how we can improve the design.