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 :