549342 - Implement Design D for IE.html A/B Test

Status: VERIFIED FIXED

(www.mozilla.org :: General, defect)

Description

[Laura Mesa [:lmesa] [:lvmesa]]

Please Implement Design D for IE.html A/B Test, which is based on the
http://browserchoice.mozilla.com/ page with some changes.

1) Please Add the Mozilla header bar and nav bar.  You'll probably have to
scoot the bubbles and make them smaller to fit that all in and still look good.
I trust your judgment, Steven.
2) Change Meta Bold font to Georgia all over the page. Probably need to also
make the Headline text color white. 
3)Change links from linking to mozilla-europe to mozilla.com pages.
4)Spelling: Change Customisation to "Customization"

You can find the PSD here: http://www.yousendit.com/download/RmNEeEVUQzdubVd4dnc9PQ

Comment 1

[Blake Cutler]

We also need to have all links point to mozilla.com, instead of to mozilla-europe.org.

Comment 2

[Steven Garrity [:sgarrity]]

Attachment: Screenshot of Design D PSD

Laura, can you confirm that this is the correct file/page? This is a preview JPG export of the PSD. I want to make sure I've got the right page this time.

Comment 3

[Laura Mesa [:lmesa] [:lvmesa]]

Yes, that's the right page ;)

Comment 4

[Steven Garrity [:sgarrity]]

This page is now setup in trunk in r64110:

http://www-trunk.stage.mozilla.com/en-US/firefox/ie-d

I took a few liberties with the fonts in sub-headings as we haven't yet used the Meta font in a page that is aimed at a non-Firefox browser. I also took my best guess at the destinations for the "Read More" links - but they should be reviewed.

Comment 5

[Laura Mesa [:lmesa] [:lvmesa]]

The links look good except for the final one, Privacy. It should link to the security section of the features page. I think the page, otherwise, looks really, really nice.

Comment 6

[Stephen Donner [:stephend] Not actively reading bugmail]

(In reply to comment #5)
> The links look good except for the final one, Privacy. It should link to the
> security section of the features page. I think the page, otherwise, looks
> really, really nice.

And it should have content, too :-)

Comment 7

[Steven Garrity [:sgarrity]]

Ah, yes - I forgot to mention that - the Privacy section at the top (above the Learn More button) just had placeholder latin text in the mockup.

Comment 8

[Laura Mesa [:lmesa] [:lvmesa]]

The copy that should be in the "Privacy" section is:

"A lot comes down to trust, and we've made great efforts to earn — and keep — yours. The latest Firefox tools protect your data and we give you options to manage your own privacy."

Comment 9

[Steven Garrity [:sgarrity]]

Privacy link is fixed and text added in r64175. The text is a touch long compared to the others. Could we abbreviate a bit? If not, I can make some design adjustments.

Comment 10

[Laura Mesa [:lmesa] [:lvmesa]]

What about this? 

"A lot comes down to trust, and we've made great efforts to earn — and keep — yours. Firefox protects your data and gives you options to manage your privacy."

Comment 11

[Stephen Donner [:stephend] Not actively reading bugmail]

The Personas screenshot is still Mac; can we get a Win32 one?

Comment 12

[Steven Garrity [:sgarrity]]

Updated privacy wording in trunk in r64215. Windows screenshot still to come.

Comment 13

[Steven Garrity [:sgarrity]]

Screenshot updated in r64216.

Comment 14

[Laura Mesa [:lmesa] [:lvmesa]]

Looks nice Steven! I think we can move to QA. Once that happens, I'll ask Blake to start setting the page up on SiteSpect.

Comment 15

[Blake Cutler]

We're okay with no header on this page?  Would we actually implement this design it if won?

Comment 16

[Laura Mesa [:lmesa] [:lvmesa]]

Do you think it could potentially perform better without the header and without the footer? If so, I think we're open to implementing the page without them. What is your recommendation?

Comment 17

[John Slater]

As an addendum to comment #16, I think the main question for me is making sure we're clear on the purpose of the test. 

If the goal is to make ongoing tweaks to the current site, then we shouldn't test anything that would be too hard to implement immediately (such as a page without a header or footer). The multivariate tests that led us to the new & improved version of /IE.html are a great example of testing for that goal.

But, if the goal is also to find out what users respond to so we can implement them in the upcoming redesign of the site, then I'm fine testing just about anything. For example, if not having a header makes a huge impact, then that might be hard to react to in the short term but would be a great point of info to pass along to the designers when we start that project this summer.

Comment 18

[Laura Mesa [:lmesa] [:lvmesa]]

The IE test is being categorized as an "experimental" test, or in other words, a test being run on a page that may be drastically different from our current visual style/layout.  The results of this type of test would be used to help inform design decisions in future versions of the site.

Because of that, we're happy leaving this page without a header.  I will file a bug for another version of this page (IE-E) with a header.

This page is done!

Comment 19

[Blake Cutler]

Thanks Laura and Steven! Can we push it to production now?

Comment 20

[Steven Garrity [:sgarrity]]

Everything is merged to stage:

Adding         stage/en-US/firefox/ie-d.html
Adding         stage/img/ss/firefox/ie-d
Adding  (bin)  stage/img/ss/firefox/ie-d/background-security.png
Adding  (bin)  stage/img/ss/firefox/ie-d/background.jpg
Adding  (bin)  stage/img/ss/firefox/ie-d/feature-quote-1.png
Adding  (bin)  stage/img/ss/firefox/ie-d/feature-quote-2.png
Adding  (bin)  stage/img/ss/firefox/ie-d/features-footer.png
Adding  (bin)  stage/img/ss/firefox/ie-d/icon-acclaim.png
Adding  (bin)  stage/img/ss/firefox/ie-d/icon-customization.png
Adding  (bin)  stage/img/ss/firefox/ie-d/icon-privacy.png
Adding  (bin)  stage/img/ss/firefox/ie-d/icon-security.png
Adding  (bin)  stage/img/ss/firefox/ie-d/learn-more.png
Adding  (bin)  stage/img/ss/firefox/ie-d/manifesto.png
Adding  (bin)  stage/img/ss/firefox/ie-d/screenshot-personas.jpg
Adding  (bin)  stage/img/ss/firefox/ie-d/screenshot-privacy.png
Adding  (bin)  stage/img/ss/firefox/ie-d/screenshot-web-id.png
Adding  (bin)  stage/img/ss/firefox/ie-d/title.png
Adding         stage/style/tignish/ie-d.css
Transmitting file data ...
Committed revision 64776.

Comment 21

[Laura Mesa [:lmesa] [:lvmesa]]

Awesome. John, can we please push? Thanks!

Comment 22

[raymond [:retornam] (inactive)]

verified on http://www-trunk.stage.mozilla.com/en-US/firefox/ie-d all clear to push to production

Comment 23

[John Slater]

pushed - thanks all!

Comment 24

[Stephen Donner [:stephend] Not actively reading bugmail]

Verified FIXED on http://www.mozilla.com/en-US/firefox/ie-d.