Closed Bug 676652 Opened 11 years ago Closed 11 years ago

[Email Acquisition - Design] - Thanks for Choosing Firefox

Categories

(Marketing :: Design, task)

x86
macOS
task
Not set
normal

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: wbowden, Assigned: ltom)

References

Details

Attachments

(3 files)

Attached image Download page
We’d like to add a prominent email opt-in CTA above the installation instructions.  

It could be a permanent element or an overlay that appears.  I think we're leaning towards adjusting the page layout rather than an overlay.  Whatever form it takes, there should be a way to X off of the opt-in and push the instructions for installation back up to the top of the page.  

It should be a form they can fill out similar to how one would opt-in if doing so on the footer of the site.  

Get Firefox Tips and Tricks 

Love Firefox? Get in on the action by signing up for our monthly email newsletter. 

(Email Address)

Once they fill out email address, they hit submit button and a drop down appears requesting more info:

(Country)
HTML  Text  

()I agree to the Privacy Policy 

(SIGN ME UP)
We will only send you Mozilla-related information. 

Page URL:  http://www.mozilla.com/en-US/products/download.html 

Timing on this is ASAP.
Can we do this in a way that doesn't put email signup above the installation instructions? I feel like it's really important to give people that info on how to get going with Firefox.

What if we put it side-by-side, but made sure to really call out the email promo?

Tara, let's talk about resources here.
As long as we're giving the email opt-in lots of exposure, side-by-side works for me.
Side by side should be fine, but we'll need to shuffle content around and change the layout of this page, as discussed.  

Winston, what is your timing on this?  Can we deliver on week of the 15th?
Assigning to Lee.
Assignee: tshahian → ltom
Week of the 15th works.  If you can do it sooner, that's great too.
Blocks: 677968
Blocks: 677969
Hi all,
Here's a pass at this Download Confirmation page. I made some edits to the page that I think really helps clean it up:

http://cl.ly/252U101I1M013k1Z0T41
Thanks Lee!  

Copying Jane for her input and mayumi / laura since this is a product page.

I don't think this is aggressive enough.  We'll see a jump in conversions with this layout, but not the kind of jump we're looking for.

Talking with Tara - I think she has an idea on other ways we could tweak and make the email opt-in prominent.
Yup, I think this is great.  but we can try other options.  Winston is going to upload some sketches soon!
Attached image Mock up
Here's an alternate approach Tara and I just discussed.
Thanks, here's the thought behind it:

Two versions to try:

1.)  Putting an email promo box across the top, horizontally, with download instructions clearly marked right below it.

2.) As shown in the mockup, same idea, except that we'll put the instructions across as well vs. down the page.  saves space and makes sure you can see the instructions right away.  Also needs to be clearly marked.
I am OK exploring this but I want to be clear that the purpose of this page is to ensure the user successfully downloads and installs the product (and we know that users get confused, give up and never use Firefox b/c they can't complete the install process).  I definitely want more email users but we cannot lose sight of the purpose of this page and how it is there to help users; as long as the email sign-up does not push down the instructions then it's ok (as Tara mentions) but i want to emphasize here.
Mayumi's thoughts in comment #10 are pretty much the same as my concerns in comment #1...I totally get the importance of email, but this is a really key page in getting people to actually install Firefox, so I don't want to jeopardize that.

We can definitely try the signup-on-top option, but I'll need to see how it looks before signing off.

Lee, if you have any other creative thoughts on how we can balance out the two key functions of this page with a more radical layout change or anything like that I'd be open to hearing them as well.
I was also concerned with not confusing the main intent of the page (install instructions) per your response in Comment 1 and Mayumi's last comment. 

The way that I last mocked up the page, gives more direct focus to the install instructions by losing a redundant FFx logo, making the step by step more compact, and going from 3 to just 1 promo in the side. We can try a newsletter promo strip on top, but it breaks the convention of our standards page, by putting promo before the actual page content (!). 

If we truly want to make this sign-up a disruptor, it seems more natural to do a pop up, or overlay - that way it doesn't seem like we're getting our pages confused.
Good feedback.  Thanks. 

Jane - what are your thoughts based on the original conversation we had with Chris about this particular page?
Hey there -- Winston and I just chatted. We both agree that the most important thing is for people to download Firefox - no arguments there. 

The email sign up box does look a little like its floating right now, is there a visual way to anchor it a little more? 

Was also wondering if we could use more color with the box to make it "pop". e.g. if you get to this page and dont know how to d/load Firefox, its clear there are instructions on this page to follow. However, if you already know how to do this, would be super to make that box stand out a little more - so we catch their attention.
Thanks for all the constructive feedback.  Looks like minor edits based on Jane's comment and we can close this out.
Hi all,
To off-set the 'floatiness' of the sign-in module, I thought exposing the rest of the sign-in form/radio buttons could help. This way, we're also not asking the user to make an additional click on the email form to get to the submit button. I also added texture to the background color, and used a blue submit button to help call attention to itself, as well as anchor the sign-in box.

Also keep in mind, that we may have 'newer' graphic to use (from DDL) that may be more visually compelling than our existing envelope icon.

http://cl.ly/332I2O2P3X232H2A2b0x
Thanks Lee.  Jane/John/Mayumi - thoughts?  I think this looks like a balanced solution.  The instructions are still front and center, but the email opt-in doesn't feel lost.
(In reply to Winston Bowden from comment #17)
> Thanks Lee.  Jane/John/Mayumi - thoughts?  I think this looks like a
> balanced solution.  The instructions are still front and center, but the
> email opt-in doesn't feel lost.

I like this solution.
I like this, a few comments which are more food-for-thought:
- I feel like the envelope icon could stand out more 
- Can we shrink the space between the paragraph "Love firefox..." and the email sign-up box
- Also seems like a lot of white space above the blue button
- Does the "Firefox" need to big at the top of the page, i feel like it's wasted space and on my laptop a lot of the meat of the page i.e., the instructions are below the fold
- Finally, I think slater will dislike this idea, but if the user does not see the email promo on the side of the page, another shout out to "Sign up for the newsletter" after step 3.  Not as a step 4 but more as a final note.  However that could also be confusing, just putting it out there
(In reply to My from comment #19)
> - I feel like the envelope icon could stand out more 
We have a new illustration in the works that should address this.

> - Can we shrink the space between the paragraph "Love firefox..." and the
> email sign-up box
> - Also seems like a lot of white space above the blue button
Having at least some white space is important, but obviously too much white space isn't good. Lee, what do you think?

> - Does the "Firefox" need to big at the top of the page, i feel like it's
> wasted space and on my laptop a lot of the meat of the page i.e., the
> instructions are below the fold
I think that's a valid point. Lee, what about making "Thanks for choosing Firefox" all in italics and all on one line? (Also: Firefox, not Firfox)

> - Finally, I think slater will dislike this idea, but if the user does not
> see the email promo on the side of the page, another shout out to "Sign up
> for the newsletter" after step 3.  Not as a step 4 but more as a final note.
> However that could also be confusing, just putting it out there
It mainly seems a little confusing. But, we're already kind of doing this - we have that footer bar with email and social media not too far below. Perhaps this is a place where we could eliminate some white space to make it feel more connected.
+1 to comment 20.
I'll try to incorporate as many of these suggestions as I can (if the Pixel Gods agree, of course). However, I will not compromise "FIRFOX" in the page title - I've spent many long hours making that just right.

stay tuned...
Latest Greatest:

http://cl.ly/1C1y1f0V0n231f3E2a0O
+1 comment 23
John - how do you feel about updating CTA to an abbreviated version of the headline for what's new page?

More Features. 
MORE FIREFOX.  

Get the latest Firefox tips and tricks in our monthly newsletter.
Good suggestion - me like.
Will something like this work for you, Winston?
Love it.  Think this is a great solution.  Thanks for knocking it out.  I don't have any more edits!
Are we good to turn this over to web dev for implementation?
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → FIXED
No longer blocks: 677969
You need to log in before you can comment on or make changes to this bug.