Roll out winning version of redesigned download page

RESOLVED FIXED

Status

www.mozilla.org
Pages & Content
RESOLVED FIXED
2 years ago
2 years ago

People

(Reporter: agibson, Assigned: agibson)

Tracking

Production

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [q2 sprint 1])

Attachments

(5 attachments)

(Assignee)

Description

2 years ago
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.
(Assignee)

Comment 1

2 years ago
Test results: https://datastudio.google.com/#/org/Ra9O2QIYT8We-1pOmnS_6w/reporting/0B6voOaUZL-jwc1NFbWRTdjl1ZU0
(Assignee)

Comment 2

2 years ago
Winning variations:

Scene 1: v=3
Scene 2: v=b
(Assignee)

Updated

2 years ago
Assignee: nobody → agibson
Status: NEW → ASSIGNED
(Assignee)

Comment 3

2 years ago
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).
Flags: needinfo?(jbertsch)
(Assignee)

Comment 4

2 years ago
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.
Flags: needinfo?(jbertsch)
(Assignee)

Comment 5

2 years ago
Work in progress is now up on demo:

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

Comment 6

2 years ago
Created attachment 8745953 [details]
up-to-date-refresh.png

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

Comment 7

2 years ago
Created attachment 8745954 [details]
up-to-date-users.png

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

Comment 8

2 years ago
Created attachment 8745955 [details]
out-of-date.png

Screenshot for out-of-date Firefox users
(Assignee)

Comment 9

2 years ago
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
Flags: needinfo?(jbertsch)
Flags: needinfo?(hhabstritt.bugzilla)
(Assignee)

Comment 10

2 years ago
Created attachment 8745982 [details] [review]
GitHub pull request
(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.
Flags: needinfo?(jbertsch)
(Assignee)

Updated

2 years ago
Flags: needinfo?(hhabstritt.bugzilla)

Updated

2 years ago
Whiteboard: [q2 sprint 1]
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".
Flags: needinfo?(jbertsch)
(Assignee)

Comment 13

2 years ago
(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.
(Assignee)

Comment 14

2 years ago
(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.
(Assignee)

Comment 15

2 years ago
(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 :)
(Assignee)

Comment 16

2 years ago
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
Flags: needinfo?(jbertsch)
(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

2 years ago
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

Updated

2 years ago
Status: ASSIGNED → RESOLVED
Last Resolved: 2 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.