1303857 - FF Ravioli test

Status: VERIFIED FIXED

(www.mozilla.org :: Pages & Content, defect)

Description

[Eric Renaud [:erenaud]]

- Insert new image
- Update search definition

Note - will require moving URL
Success Metric - will be measured via the funnel cake

Comment 1

[Eric Renaud [:erenaud]]

Attachment: firefox-first-run-tab-2_yahoo-search_copy2.psd.zip

Comment 2

[Jonathan Petto [:jpetto]]

A few questions:

1. What are the display conditions for this new page? Assuming en-US only (as there is English copy in the image) and URL of /firefox/50.0/firstrun/. Should this page be limited to 50.0, or will it live on beyond (50.0.1, 51.0, etc)? Do we serve to all users, or only a percentage? Do we need to check for a funnelcake here as we did with the current /learnmore page [1]?

2. If the conditions from #1 above are not met, what content should be displayed? Assuming current/existing /firstrun page [2].

3. Should the image still "pulse" on page load as it does on the current /learnmore page?

4. How close do we need to follow the attached mockup? For example, on the current /learnmore page, the Firefox logo is offset left, whereas in the mockup it's centered. The current /learnmore page has a disclaimer with link underneath the browser image ("Yahoo is one of Mozilla’s search partners. Learn more."), but the mockup does not.

5. The current /learnmore page has a "Try it now" button that places a search term in the search box when clicked, but this is not in the mockup. Do we need to include the button (and related functionality)?

6. The browser image provided in the attached PSD mockup is standard resolution only. The current /learnmore page has a high res image for high res screens. Can we get a high res version?


[1] https://www.mozilla.org/en-US/firefox/47.0/firstrun/learnmore/?f=64
[2] https://www.mozilla.org/en-US/firefox/49.0/firstrun/

Comment 3

[Jonathan Petto [:jpetto]]

Ah, sorry, I see from comment 0 that this will be a funnelcake. Do we know the funnelcake number? If not, when can we expect it to be provided?

Comment 4

[Winston Bowden]

(In reply to Jon Petto [:jpetto] from comment #2)
> A few questions:
> 
> 1. What are the display conditions for this new page? Assuming en-US only
> (as there is English copy in the image) and URL of /firefox/50.0/firstrun/.
> Should this page be limited to 50.0, or will it live on beyond (50.0.1,
> 51.0, etc)? Do we serve to all users, or only a percentage? Do we need to
> check for a funnelcake here as we did with the current /learnmore page [1]?

49. We will have a funnelcake. Filing bugs for that later today.
> 
> 2. If the conditions from #1 above are not met, what content should be
> displayed? Assuming current/existing /firstrun page [2].

Whatever we currently display. 

> 
> 3. Should the image still "pulse" on page load as it does on the current
> /learnmore page?

It doesn't have to. Whatever is easier for you.
> 
> 4. How close do we need to follow the attached mockup? For example, on the
> current /learnmore page, the Firefox logo is offset left, whereas in the
> mockup it's centered. The current /learnmore page has a disclaimer with link
> underneath the browser image ("Yahoo is one of Mozilla’s search partners.
> Learn more."), but the mockup does not.

Good flag. Thank you. 
- Center logo
- Keep the disclaimer
- Update sub-header to read "Yahoo Search brings you relevant results with high quality images and video for a more visual search experience." 

> 
> 5. The current /learnmore page has a "Try it now" button that places a
> search term in the search box when clicked, but this is not in the mockup.
> Do we need to include the button (and related functionality)?

Remove button and related functionality 
> 
> 6. The browser image provided in the attached PSD mockup is standard
> resolution only. The current /learnmore page has a high res image for high
> res screens. Can we get a high res version?

The only file I have is the PSD but we should ensure this is high res. Do we need to recreate? 

> 
> 
> [1] https://www.mozilla.org/en-US/firefox/47.0/firstrun/learnmore/?f=64
> [2] https://www.mozilla.org/en-US/firefox/49.0/firstrun/

Comment 5

[Eric Renaud [:erenaud]]

Winston - mham was able to increase resolution. Can you please take a look and let us know if this will suffice - or - supply us with better?

2x at 144ppi:
https://drive.google.com/a/mozilla.com/file/d/0Bw8GuIJD9hBMYXFVZWstcm1hQUE/view?usp=sharing

Comment 6

[Winston Bowden]

(In reply to Eric Renaud from comment #5)
> Winston - mham was able to increase resolution. Can you please take a look
> and let us know if this will suffice - or - supply us with better?
> 
> 2x at 144ppi:
> https://drive.google.com/a/mozilla.com/file/d/0Bw8GuIJD9hBMYXFVZWstcm1hQUE/view?usp=sharing

I don't know what our standard is. If it's not crisp it won't work. It looks fine on my screen, but you guys know better than I what the standard should be and how this will look on other machines.

Comment 7

[Eric Renaud [:erenaud]]

Point taken. We'll assess the overall performance budget of the page (which can/will mostly be attributed to the image).  

Please attach the source file, which MHam can then tweak to suit our needs.

Comment 8

[Eric Renaud [:erenaud]]

(Winston - please see comment 7 for this needinfo)

Comment 9

[Jennifer Balaco]

Here is the dropbox folder with all of the images: https://www.dropbox.com/sh/ipnkpbkfvibcejv/AADSRzPgGPxm8Oq0nlLjd1s_a?dl=0. 

I emailed Michael this link already as well.

Comment 10

[Jonathan Petto [:jpetto]]

The WIP page is up on a demo. Note the funnelcake id used here can/will be changed. I just needed something to test with.

https://bedrock-demo-jpetto-ravioli.us-west.moz.works/en-US/firefox/49.0/firstrun/?f=89

The page will be displayed if:

- The proper funnelcake id is in the URL
- The URL has en-US as the locale
- The user is on Firefox 40.0 or greater

Since the funnelcake build will point users to the correct URL, I don't think we need any additional logic (e.g. restricting to Firefox 49.0 and up). Correct me if I'm wrong here and/or we want to more strongly enforce the user restrictions.

Give it a test and let me know if you see anything needing to be updated.

Also, please verify the destination URL for the "Learn more" link underneath the image is still correct. (It was carried over from the /learnmore page.)

Still pending/TODO:

- Update with better quality high-res image for Katie Couric photo (should be in tomorrow)

Comment 11

[Michael Ham]

Attachment: ffx_first-run-tab_yahoo-search_katie-couric.jpg

Updated 1600 x 272 Katie Couric Image

Comment 12

[Jonathan Petto [:jpetto]]

The new Katie Couric image from comment 11 has been added is on its way to the demo server.

Comment 13

[Eric Renaud [:erenaud]]

Clearing needinfo for Winston - I confirmed with JBalaco that the destination URL for the "Learn more" link underneath the image is indeed the correct one to use.

Comment 14

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/e09f735fee9e41ceddf5b63d34aeff2b45ac93e4
[fix bug 1303857] Add ravioli firstrun promo.

https://github.com/mozilla/bedrock/commit/6e263b23683dc0bd0526e454560ccb60d86dbbd2
Merge pull request #4374 from mozilla/bug-1303857-firstrun-ravioli-katie-couric-test

Bug 1303857 firstrun ravioli katie couric test

Comment 15

[Alex Gibson [:agibson]]

This is now in production:

https://www.mozilla.org/en-US/firefox/49.0.1/firstrun/?f=90