Firefox First Impressions

Like the old commercial says, you never get a second chance to make a first impression. With that in mind, David Rolnitzky and I have been working to improve the Firefox first run page with the aim of increasing the post-download user retention rate.

The previous version of the page was light on concrete ‘getting started’ information, so in the new page (which went live a few days ago) we wanted to provide a few quick tips on how to use some popular Firefox features. Our assumption was that if we can educate people on these features early on in their Firefox experience, they’ll be more likely to come back next time.

The big challenge was to provide this info in an easily scannable and non-invasive way so as not to delay people from actually using their new browser. To do this, we’re exposing just one tip at a time - the rest are discoverable through a series of pretty nifty DHTML transitions. We also focused on only four very easily understandable features and tried to keep the copy as short as possible.

This is obviously a crucial page in the Firefox new user experience, so we’re considering this the first in a series of tests. Right now it’s only available in the en-US version, but once we have a better idea of what works we’ll begin the process of localizing it for Firefox users around the world.

A screenshot of one of the panels is below, but I highly recommend viewing the actual live version of the page to get the full effect.

Firefox First Run page - panel #1

Thanks to Paul Kim, Mike Beltzner, Chris Beard and Jay Patel for their feedback and advice on this page. Big thanks to Alicia Patterson for her design work and Steven Garrity for his DHTML wizardry.

Filed under: Mozilla, PlanetMozilla — John at 8:57 am on Wednesday, September 5, 2007

13 Comments »

566

Comment by Pete Kirkham

September 5, 2007 @ 12:25 pm

Would it be possible to use some JS so it points to the correct tab if you arrive at it from somewhere else?

567

Comment by John Silvestri

September 5, 2007 @ 12:52 pm

I know it’s bordering on being verbose, but “middle-clicking” or Ctrl- (Win/Linux) Cmd- (Mac) clicking really is the best way to open things in a new tab…

Yes, it requires a bit more memory than simply right-clicking and reading, but it’s exponentially faster, and once it’s part of muscle memory, it’s the only way one will ever click links (except those pesky Javascript links…has anyone fixed that yet?).

568

Comment by David Tenser

September 5, 2007 @ 1:00 pm

That is simply a great improvement! I love big, colorful graphics like that, and the slide effect is a very nice touch. Hopefully, we can create similar wows with the future support site, which I think this start page should link to when we’re ready.

569

Pingback by Mozilla debuts new Firefox first run page : Mozilla Links

September 5, 2007 @ 2:32 pm

[...] Slater, Mozilla Creative Director, says it is just the first in a series of tries so we’ll see how this goes [...]

570

Pingback by Mozilla debuts new Firefox first run page : Mozilla Links

September 5, 2007 @ 2:32 pm

[...] Slater, Mozilla Creative Director, says it is just the first in a series of tries so we’ll see how this goes [...]

571

Comment by sam

September 5, 2007 @ 3:58 pm

Great work, except the screenshots are in JPG and look bad. PNG saves the day!

573

Pingback by Mozilla Firefox estrena página de inicio :

September 6, 2007 @ 2:13 am

[...] esta Web, y parece ser que los usuarios con ineternet Explorer 7 no la pueden ver correctamente… John Slater, director creativo de Mozilla ha comunicado que ya están manos a la obra para solucionar este pequeño [...]

574

Comment by Thomas

September 6, 2007 @ 2:56 am

In the fourth tab (Making Firefox Your Own) and search the error : “Try add-ons that will enhance listening to music, simplify photo sharing, block pop-ups, and more.”

Well, Firefox needs addons to “block pop-ups” ? I think “block ads” is better.

576

Comment by Markc

September 6, 2007 @ 4:13 am

“Or, open a fresh tab yourself by clicking ctrl-T”

Most people I know think of “clicking” a mouse button, but “pressing” a keyboard key. So I would change this to “…by pressing ctrl-T”.

Also, does the text change if the user agent indicates a Mac user?

Better still, I would direct people to the File=>New Tab menu entry: it shows the right keyboard shortcut for people that want to use it, but is more likely to be remembered or found in future by users that aren’t comfortable with keyboard shortcuts, or who have trouble remembering them.

590

Comment by Ken Saunders

September 7, 2007 @ 9:03 am

Wow,
I did just check out the live page and it’s beautiful.
Very nicely done.
It’s hip, clean, informative, and it should as intended be helpful to new users.

594

Comment by Majken

September 7, 2007 @ 5:18 pm

I love the new page. I also agree with the feedback about adding middle-click info. People *love* this, but there’s no way for them to find out about it if they’re not told. And I agree with Thomas.

I love how the way it scrolls, and it looks great!

683

Comment by Freda Scott

September 11, 2007 @ 10:44 am

John–I would love to see you again!!! Let me know how things are going & where you can be reached!! Lots of new stuff–especially Rory’s!! Best, Freda 415-348-9121

835

Pingback by Ch-ch-ch-changes | intothefuzz.com

September 21, 2007 @ 2:34 pm

[...] Mozilla flavor. We also fit more content on the page using the scrolly DHTML style as seen on the new first run page. A screenshot is below, but you should really check out the live page if you’re [...]

RSS feed for comments on this post. TrackBack URI

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>