1267561 - Roll out winning version of redesigned download page

Status: RESOLVED FIXED

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

Description

[Alex Gibson [:agibson]]

In Bug 1256241 we created and tested variations for a redesigned download page at /firefox/new/. This bug is to track implementation for rolling out the winning version.

Comment 1

[Alex Gibson [:agibson]]

Test results: https://datastudio.google.com/#/org/Ra9O2QIYT8We-1pOmnS_6w/reporting/0B6voOaUZL-jwc1NFbWRTdjl1ZU0

Comment 2

[Alex Gibson [:agibson]]

Winning variations:

Scene 1: v=3
Scene 2: v=b

Comment 3

[Alex Gibson [:agibson]]

Jen - 2 questions for this bug:

1.) Is the plan to roll this out for en-US only for now, until we get updated headline strings, at which point we will then start to localize?

2.) For up-to-date Firefox users, do we still want to retain the newsletter form for this page. If so, should I speak to Matt or Michael about design for this? (it is something that was not factored in during the initial test design sprint).

Comment 4

[Alex Gibson [:agibson]]

Plan is:

1.) Redesigned page will be en-US only for now until after the next sprint when we test different messaging.

2.) Will use a newsletter at the bottom of the page, similar to https://www.mozilla.org/en-US/firefox/desktop/ (tweak colors as needed to match the page). Will put up on a demo server for design feedback before pushing out.

Comment 5

[Alex Gibson [:agibson]]

Work in progress is now up on demo:

https://bedrock-demo-agibson.us-west.moz.works/en-US/firefox/new/

Comment 6

[Alex Gibson [:agibson]]

Attachment: up-to-date-refresh.png

Screenshot of up-to-date Firefox users on current release version.

Comment 7

[Alex Gibson [:agibson]]

Attachment: up-to-date-users.png

Screenshot of up-to-date Firefox users on newer than current release version.

Comment 8

[Alex Gibson [:agibson]]

Attachment: out-of-date.png

Screenshot for out-of-date Firefox users

Comment 9

[Alex Gibson [:agibson]]

Jen, Holly - can you both please review the screenshots in Comment 6, Comment 7, and Comment 8.

These are all page states that weren't really thought about in the initial test designs. All three states match the exact behavior of the current download page in terms of content / copy / links.

For up-to-date Firefox users, I thought it might be best to hide the benefits section (since they are already using Firefox), and show the newsletter signup in its place.

Can you please let me know if this all looks ok? Thanks

Comment 10

[Alex Gibson [:agibson]]

Attachment: GitHub pull request

Comment 11

[Jennifer Bertsch [:jbertsch]]

(In reply to Alex Gibson [:agibson] from comment #9)
> Jen, Holly - can you both please review the screenshots in Comment 6,
> Comment 7, and Comment 8.
> 
> These are all page states that weren't really thought about in the initial
> test designs. All three states match the exact behavior of the current
> download page in terms of content / copy / links.
> 
> For up-to-date Firefox users, I thought it might be best to hide the
> benefits section (since they are already using Firefox), and show the
> newsletter signup in its place.
> 
> Can you please let me know if this all looks ok? Thanks

Thanks, Alex!  These all look good to me.  Please move forward.

Comment 12

[Holly Habstritt Gaal [:Habber]]

Looks good, Alex. Just 2 items of feedback from me:

- In comment 7, "Learn about Firefox OS" is still in the list of links. Should this still be promoted in the list? (need-info Jen)

- In comment 8, is it possible to reconsider the color of the '!' icon here? Perhaps using our Firefox orange to limit the number of colors on the page? It may also look better against the blue than the current yellow/orange.


As an aside, I also hope that someday we can address bug 998962 so that we can allow this page to be smarter and display more accurate messages and actions to our users - mainly for users detected as "not up to date".

Comment 13

[Alex Gibson [:agibson]]

(In reply to Holly Habstritt Gaal [:Habber] from comment #12)
> Looks good, Alex. Just 2 items of feedback from me:
> 
> - In comment 7, "Learn about Firefox OS" is still in the list of links.
> Should this still be promoted in the list? (need-info Jen)

Given that this is just replicating existing information already on the current page, I don't think we should block this merging. If we want to update/remove these, it can be done in a separate / followup bug.

> - In comment 8, is it possible to reconsider the color of the '!' icon here?
> Perhaps using our Firefox orange to limit the number of colors on the page?
> It may also look better against the blue than the current yellow/orange.

I don't have a different color graphic for this currently. Again, I think we can follow up here if we think this is worth changing.

Comment 14

[Alex Gibson [:agibson]]

(In reply to Holly Habstritt Gaal [:Habber] from comment #12)
> - In comment 7, "Learn about Firefox OS" is still in the list of links.
> Should this still be promoted in the list? (need-info Jen)

On second thought, I thought we had a separate bug to remove references to Firefox OS? Was this link missed perhaps? If it should indeed be removed, it's easy to do so.

Comment 15

[Alex Gibson [:agibson]]

(In reply to Holly Habstritt Gaal [:Habber] from comment #12)
> - In comment 8, is it possible to reconsider the color of the '!' icon here?
> Perhaps using our Firefox orange to limit the number of colors on the page?
> It may also look better against the blue than the current yellow/orange.

On closer inspection, this may be an SVG. Let me see if I can easily adjust it :)

Comment 16

[Alex Gibson [:agibson]]

Attachment: orange-warning.png

Ok, I turned the SVG Firefox Orange as suggested (screenshot attached).

I checked and the Firefox OS link is already removed from the existing page, but looks like it was missed here. Probably due to different branches merging near the same time. I'll remove it here too.

Clearing needsinfo for Jen

Comment 17

[Holly Habstritt Gaal [:Habber]]

(In reply to Alex Gibson [:agibson] from comment #16)
> Created attachment 8746486 [details]
> orange-warning.png
> 
> Ok, I turned the SVG Firefox Orange as suggested (screenshot attached).
> 
> I checked and the Firefox OS link is already removed from the existing page,
> but looks like it was missed here. Probably due to different branches
> merging near the same time. I'll remove it here too.
> 
> Clearing needsinfo for Jen

Thanks, Alex!

Comment 18

[[github robot]]

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

https://github.com/mozilla/bedrock/commit/faaa4f87975f1d4669fac6a3b59f4af41010a677
[fix bug 1267561] Roll out winning version of redesigned download page

https://github.com/mozilla/bedrock/commit/d7197686e526cdfe659d993f03af52e128ababa6
Merge pull request #4094 from alexgibson/bug-1267561-roll-out-winning-redesigned-download-page

[fix bug 1267561] Roll out winning version of redesigned download page