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
: