Since releasing an experimental new tab page for Firefox a week ago, we’ve got a lot of great feedback.
For the past week we’ve been using the feedback as a springboard for designing the next iteration. If you’d like to watch the design iterations as they happen, follow #mozconcept on Twitter.
Current Design
We’ve done away with the thumbnails as they just didn’t seem to be providing large amounts of value. As we played with different methods of taking screenshots, we discovered that it was the top-left corner that was most distinctive in identification because it generally contains the site’s logo. We have a much stronger association with a site’s logo or favicon than with the low information-density thumbnail of the page itself.
We’ve also turned the contextual actions into an actionable sentence. Previously, the actions were large, separated buttons. The actionable sentence connects the actions into a cohesive whole. Further, we now only show the contextual actions if the copy action has happened within the last 40 seconds, so that random chunks of text don’t appear on the new tab page.
Finally, the interface for undoing a tab close now uses the familiar info-bar. This gives less weight to the undo action, while still keeping it visible. By design, the undo doesn’t feel like a part of the page so the eye skips over it if your intent is to interact with the page.
Overall, the design feels faster, politer, and more functional.
The visuals still aren’t exactly right (help wanted!), but this feels much “righter”.
Instead of talking more about the design, give it a try and give us feedback:
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.
You can switch back-and-forth between the old design and the new design by clicking the star in the lower-right corner.
Other Thoughts
There are still a lot of possible directions to take the new tab screen. Here are a couple of the ones we’ve played with. More to come soon. For instance, we want to revisit the first design.
With Thumbnails
Out There Designs
Oliver Reichenstein has joined Sean Martell to form a “new tab” visual design team. They’ve already separately produced almost all of these fantastic visual artifacts, and we are looking forward to more. If you’re a designer and interested in this project from a design perspective, this is a great opportunity to get involved in an open source project. Please jump onto either #labs on irc.mozilla.org or link your mockups in the comments section of this post.
Rand al’Thor
wrote on
:
Lucas David-Roesler
wrote on
:
Jason
wrote on
:
earlabs
wrote on
:
Michael Rosenberg
wrote on
:
T K
wrote on
:
omer kirk
wrote on
:
kmc
wrote on
:
Norse
wrote on
:
Mohan
wrote on
:
Gilly
wrote on
:
DreadedKilla
wrote on
:
lolwut
wrote on
:
David
wrote on
:
Raptor007
wrote on
:
Raptor007
wrote on
:
Arthur
wrote on
:
Olivier
wrote on
:
Shane
wrote on
:
Stephen
wrote on
:
Rolli
wrote on
:
Hui
wrote on
:
WildcatRay
wrote on
:
bomfog
wrote on
:
Jeff
wrote on
:
Hasty Pudding
wrote on
:
Dean
wrote on
:
Evgeny
wrote on
:
Maaren
wrote on
:
thenightfly42
wrote on
:
Tom
wrote on
:
Rockridge
wrote on
:
Dominic
wrote on
:
Muhda
wrote on
:
anon
wrote on
:
TheTester
wrote on
:
tb9712
wrote on
:
Frank
wrote on
:
TheTester
wrote on
:
TheTester
wrote on
:
amau96
wrote on
:
amau96
wrote on
:
Corey Farwell
wrote on
:
John L. Galt
wrote on
:
Gary Reyes
wrote on
:
Pertor
wrote on
:
The PUNdamentalist
wrote on
:
Beo
wrote on
:
Ogden2k
wrote on
:
Ben Combee
wrote on
:
Dan Cardin
wrote on
:
macuser
wrote on
:
Chris
wrote on
:
Mike Kenyon
wrote on
:
Ogden2k
wrote on
:
Ogden2k
wrote on
:
Celso
wrote on
:
Scot
wrote on
:
WindowsFan
wrote on
:
WindowsFan
wrote on
:
thenightfly42
wrote on
:
Dean
wrote on
:
Greg
wrote on
:
Samuel
wrote on
:
frank
wrote on
:
Tyler
wrote on
:
Dobrosław Żybort
wrote on
:
Maxim
wrote on
:
Pieter
wrote on
:
Trent Olson
wrote on
:
Andreas
wrote on
:
Jon Warren
wrote on
:
kaleem
wrote on
:
Brandon
wrote on
:
Martin Tassara
wrote on
:
MMcCubbing
wrote on
:
Dirkjan Ochtman
wrote on
:
frank
wrote on
:
Denys
wrote on
:
Jason Kleinberg
wrote on
:
Michael Lefevre
wrote on
:
Alexey
wrote on
:
Ariel
wrote on
:
David Naylor
wrote on
:
Greg K Nicholson
wrote on
:
Dirkjan Ochtman
wrote on
:
Tyler E.
wrote on
:
Screwtape
wrote on
:
Sumit
wrote on
:
Mook
wrote on
:
amau96
wrote on
:
AlK
wrote on
: