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.
Revised Design
The design consists of two components. The quick-access bar on the right, and the contextual actions on the upper left.
Quick-access Bar
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.
The thumbnails are supposed to be in grayscale (by using SVG filters), but we weren’t able to implement that for this iteration.
Contextual Actions
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
Sam C wrote on :
Sam C wrote on :
T K wrote on :
noel wrote on :
Argyrios wrote on :
Eric wrote on :
Blanker wrote on :
Weh wrote on :
TTO wrote on :
Martin Tassara wrote on :
Rolli wrote on :
Nils wrote on :
Thibz wrote on :
Linuxguy wrote on :
Jonas wrote on :
Fork wrote on :
TheTester wrote on :
seybernetx wrote on :
jon wrote on :
resia wrote on :
Rob wrote on :
Gert-Jan wrote on :
Dean wrote on :
Ghodmode wrote on :
dimkalinux wrote on :
markan wrote on :
Jens wrote on :
Charles wrote on :
Daniel Luz wrote on :
Daniel Kurapov (Zarogon) wrote on :
Daniel Kurapov (Zarogon) wrote on :
amau96 wrote on :
earll wrote on :
Philip Ganchev wrote on :
Rob wrote on :
Gale Weld wrote on :
Rob wrote on :
Rob wrote on :
Rob wrote on :
Rob wrote on :
Craig S wrote on :
maureenhanratty wrote on :
cabotine wrote on :
Eugene wrote on :
TheTester wrote on :
Colin Deady wrote on :
fabio wrote on :
amau wrote on :
amau96 wrote on :
Daniel Luz wrote on :
Alex H wrote on :
Fallenarms3 wrote on :
ikc666 wrote on :
Michael Lefevre wrote on :
Dobrosław Żybort wrote on :
Michael Lefevre wrote on :
Ace wrote on :
Victor Gnanaraj wrote on :
RanMan wrote on :
Icefreez wrote on :
Calosgheros wrote on :
Harlequin99 wrote on :
Moosa hemani wrote on :
Jonathan wrote on :
TheTester wrote on :
Clément Fossati wrote on :
Daniel Luz wrote on :
MMcCubbing wrote on :
dartagnan32 wrote on :
Matt wrote on :
— wrote on :
Milan Pilous wrote on :
Billy Getz wrote on :
Steve Sim wrote on :
TheTester wrote on :
Christopher wrote on :
TheTester wrote on :
Daniel wrote on :
Kushal H wrote on :
Chris M. wrote on :
max wrote on :
Kyle Plummer wrote on :
DanL wrote on :
Izabela wrote on :
Jerry S. wrote on :
Serwis komputerowy wrote on :
arimfe wrote on :
Ranko wrote on :
Andrew Buehler wrote on :
UncleDon wrote on :
Dima wrote on :
Elvis wrote on :
Dmitry Gutov wrote on :
nicolas wrote on :
aronin wrote on :
Gordon P. Hemsley wrote on :
seybernetx wrote on :
Exe wrote on :
Mohamed Saher wrote on :
markus wrote on :
PGomes wrote on :
GokuH wrote on :
Greg K Nicholson wrote on :
Thomas Stache wrote on :
techwizrd wrote on :
Andrew Conkling wrote on :
Jo Hermans wrote on :
chris hollander wrote on :
Rob Campbell wrote on :
Jia Shen wrote on :
Dan wrote on :
julian cellini wrote on :
Thomas wrote on :
absorbb wrote on :
Jesse Andrews wrote on :
Francisco wrote on :
Scott wrote on :
David Naylor wrote on :
Galt wrote on :
antistress wrote on :
Matt wrote on :
Bjorn wrote on :
David wrote on :
eyal wrote on :
eyal wrote on :
Martin Tassara wrote on :
Michael wrote on :
Ivanonymous wrote on :
Loretta wrote on :
Bjorn wrote on :
Alejandro Moreno wrote on :
Kabir wrote on :
David Naylor wrote on :
Aza Raskin wrote on :
Kurt wrote on :
Rémy Rakic wrote on :
Ustice wrote on :
Jesse Ruderman wrote on :
Johnathan Nightingale wrote on :
Axel Hecht wrote on :
Thomas wrote on :
David wrote on :