Every time you open a new tab, you are opening it to go somewhere. Sometimes it’s to do a search. Sometimes it’s to type in a new URL. Sometimes it’s to check an address you just selected. The only thing you are guaranteed to not want is a blank page.
From the feedback from the last two rounds of new tab concepts, we know that the page needs to load instantly (even a small wait breaks user experience); that it shouldn’t be visually distracting; and that it should be a launch point into your daily activities. One level higher, the distilled design themes were:
- No configuration. Never force the user to set up or fidget with a feature before they use it.
- Streamlined. New tabs are opened to start a new task or navigation. If we have a good idea of what that task is (like mapping an address selected on the last tab) or where you want to go, we should help you do that quickly and efficiently.
- Polite. The page must be instant load, shouldn’t be distracting, or ever get in your way. Being too “clever” results in annoyance: we should be avoid recapitulating Clippy.
Over the last week we’ve gotten back to this project and have come up with an experimental revised design that we believe is consistent with these principles.
The design consists of two components. The quick-access bar on the right, and the contextual actions on the upper left.
It may seem strange that the quick-access strip is along the right of the window. It’s there in order to be polite. If you’ve got your mind on opening a new tab and just entering a url, it’s outside your foveal vision.
The quick-access strip is determined by frecency — the same metric that the Awesome Bar uses — with one twist. Instead of raw frecency over all sites visited, we are only considering those sites that start history “strands”. That is, we are using the most frecent sites that you actually begin browsing from. The versatile Places feature of Firefox 3 makes this possible.
Finally, we include the latest updates for each page automatically. For example, both Gmail and Yahoo! Mail provide RSS feeds, so you’ll automatically get to see your latest emails — without hassle or setup — if you visit your email often. You don’t need to know what RSS is to get its benefits.
If you are performing a task, the new tab page should make it effortless. Generally, you’ll select some text and open a new tab to search for that text. The new tab provides a big button so that becomes a one-click action (in the future, it will use your default search provider). If you’ve selected an address, the new tab provides a one-click action to map it. If you’ve selected a URL, one-click action will open it. The action system in the future will be extensible, and could be connected with or take inspiration from Ubiquity.
Also, in case you’ve just closed a tab you didn’t mean to, there’s a contextual action on the new tab to recover it.
Try It Out
We’ve put together a prototype of this revised design to see how this feels and to get wider feedback and review.
This is a rough-cut prototype: the page loads too slowly, the visual design isn’t right, and you can’t even tell the browser that you don’t want a particular site to show up on the new-tab screen.
This prototype also only works on the latest version of Firefox as it takes advantage of new platform capabilities. Here are the directions for helping test and review the revised design:
- 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 by commenting here, joining us in IRC at #labs, or getting involved on the wiki.
Open Questions and Problems
Besides problems we know need to be fixed, there are a number of questions we don’t know how to approach yet:
- We fetch the latest updates, via RSS, for your most visited sites. It’s convenient, but is making network connections okay? There’s precedent with live bookmarks.
- How much reaching out is okay? If you’ve selected an address should we just put a map on the new-tab page? If you’ve selected a single word, should we fetch its definition?
- Is there something besides RSS that’s useful to show related to each page?
- What other layouts should we consider?
Background & Other References
- New Tab Concepts
- Firefox 3.1 New Tab Spec
- about:tab New Tab Page from Mozilla Labs
- Source code for the about:tab prototype on hg.mozilla.org
Dan Mills and Ed Lee worked up this prototype. It is based on discussions on the previous blogs posts and comments, IRC, and around the Mozilla offices. Special thanks for input from Sean Martell, Alex Faaborg, and Mike Beltzner. We’re keen to hear your thoughts and opinions!
– Aza Raskin, on behalf of the New Tab design & prototype team