538262 - Implement Getting Started Page for A/B test

Status: VERIFIED FIXED

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

Description

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

We'd like to test the content on the current Tips & Tricks page (with a few changes) on a revamped Getting Started Page.

Basically, we'd take the current Tips & Tricks page and change:
-Headline to : "Getting Started" and make the size of the font much smaller--(h1 size, but still white?)
- I'm thinking we may have to remove the sub-headline completely, and if that's the case, I think I'm okay with it. Steven, if you see an opportunity to keep the subheadline in, will you change it so it says :" Whether you’re a beginning, intermediate or advanced user, these shortcuts and suggestions will help you get the most out of Firefox. Enjoy!"
 * Take out the navigation menu on the right completely.
 * Take out the Mozilla header and style the top of the page like you did for the First Run Page Direction 2 (http://www-3.6.stage.mozilla.com/en-US/firefox/3.6/firstrun/b/) but pushing the logo even further up to the top of the page. [The idea here is that we want to push aas much of the content as we can to the top of the page]
 * make the padding in each box (beginner, intermediate, advanced) as tight as possible.

Comment 1

[Steven Garrity [:sgarrity]]

Is this something that would be post-3.6 release and tied to 3.6, or is it something that should be done in trunk?

Comment 2

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

It should just be done in trunk.  Not tied to 3.6 in any way. Thanks!

Comment 3

[Steven Garrity [:sgarrity]]

This page is basically setup in trunk (r59617): http://www-trunk.stage.mozilla.com/en-US/firefox/central/a/

I've tightened up the padding as much as I can without more significantly reworking the contents of the various panels (which would take quite a bit more time, given all the images and the 15 different panels (3x5).

Comment 4

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

It looks great to me.  Blake--if you're happy, then lets get this bad boy in circulation.

Comment 5

[Blake Cutler]

This looks great!  I just have a couple of suggestions (implementation is up to you Laura).  

* Can we add a search box (like http://www-3.6.stage.mozilla.com/en-US/firefox/3.6/firstrun/a/)
* Can we take out the footer (not as sure on this one)

Comment 6

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

(In reply to comment #5)
> This looks great!  I just have a couple of suggestions (implementation is up to
> you Laura).  
> 
> * Can we add a search box (like
> http://www-3.6.stage.mozilla.com/en-US/firefox/3.6/firstrun/a/)
Let's add this search box

> * Can we take out the footer (not as sure on this one)
Let's take out the footer. 

Thank you!

Comment 7

[[:Cww]]

For the search box, can we add a parameter to the end of the URL (we're trying to track where people search from and what they search for)?  So add &qs=g (and if you're putting a search box in other mozilla.com pages or other places, just let me know to assign them their own values).

Comment 8

[Steven Garrity [:sgarrity]]

Footer removed and search form added (with a hidden variable as per comment #7) in r59705.

Comment 9

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

This looks fab, Steven. Thanks!

Blake: Let's get this implemented and live for Friday.

Comment 10

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

Steven: can you fix the 3 (minor) validation errors for HTML5?

Comment 11

[Steven Garrity [:sgarrity]]

(In reply to comment #10)
> Steven: can you fix the 3 (minor) validation errors for HTML5?

Fixed in r59736.

Comment 12

[Blake Cutler]

Looks good.  Can you push it live, Steven?

Comment 13

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

Steven, while I can't see it visually, the W3C link checker complains about:

Line: 231 http://www-trunk.stage.mozilla.com/img/tignish/tips/forgery-xp.png redirected to https://www-trunk.stage.mozilla.com/en-US/img/tignish/tips/forgery-xp.png
    Status: 302 -> 404 Not Found

Comment 14

[Steven Garrity [:sgarrity]]

The forgery-xp.png issue from comment #13 is fixed in r60007.

All changes are merged to stage in r60008. The following files will need to be pushed from stage to production:

 en-US/firefox/central/a
 en-US/firefox/central/a/index.html
 img/tignish/gettingstarted/a
 img/tignish/gettingstarted/a/search-button.png
 includes/footer-simple.inc.php
 includes/header-simple.inc.php
 style/tignish/getting-started-a.css

Comment 15

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

So, does Slater push these and then Blake implements the test?

Comment 16

[John Slater]

just pushed the files - they should be on the site soon.

Comment 17

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

(In reply to comment #16)
> just pushed the files - they should be on the site soon.

What happened to the "Search the Knowledge Base" prefilled text in the search bar?

Comment 18

[Steven Garrity [:sgarrity]]

(In reply to comment #17)
> What happened to the "Search the Knowledge Base" prefilled text in the search
> bar?

I forgot a JS file - good catch. Merged the file js/input-placeholder.js from trunk to stage in r60128. That file can be pushed to production any time.

Comment 19

[John Slater]

pushed it!

Comment 20

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

Thx, Steven, John: verified fixed on http://www.mozilla.com/en-US/firefox/central/a/.