1788257 - Firefox View: Colorways expiration string is unclear if referring to colorway or collection

Status: VERIFIED FIXED

(Firefox :: Firefox View, defect, P1)

Description

[pbothun]

Attachment: Colorways module on Firefox View

Actual: When a user navigates to Firefox View and has already selected a colorway, the colorway collection graphic and name is replaced with the active colorway and the expiration notice remains.

Recommendation: Revise the "Expires January 23" string mention the collection name or allude to the collection expiring to alleviate concern that the active colorway will expire on this date.

Comment 1

[Ray Fambro]

Let's revisit this UX post MR. Thanks Phil!

Comment 2

[Meridel [:meridel]]

The order also isn't right in this view:

1. Name of colorway
2. Date of expiration of collection
3. Variation of colorway
4. Button to change colorway

Colorway name (1) and variation (3) should be proximal to each other.

I am leaning towards we remove the Expiration pill entirely in this selected state. The user can always see expiration of the collection itself within the picker modal.

Comment 3

[Ray Fambro]

Thanks for the comment here Meridel! I think we should probably split these asks into 2 separate bugs for easier tracking? re: 1) Content/Copy order and 2) Removal of expiry pill in selected state.

I just got a chance to speak with Dao on this as well and wanted to propose an alternative solution. Would it be acceptable to flip the position of the pill and the variation name + collection name? This way, the expiration would be visually tied to the collection instead of the colorway itself. What do you think?

Comment 4

[Meridel [:meridel]]

Attachment: Colorways modal, selected, flipped.png

If I understand Dao's suggestion correctly, I don't think flipping the order in this view would fix the issue. It would still appear as if the Colorway itself is expiring when it is actually the collection.

Comment 5

[Ray Fambro]

Dao -- Let's just remove the pill in the selected state. That will resolve the concerns around the ordering. Do we need design direction on spacing?

Comment 6

[Josh Berman]

Attachment: Alternative iteration of Colorways applied state on Fx View

Right now it's

<Colorway applied>
<Collection><Colorway balance>
<expiration>
CTA

We might want to consider

<Colorway applied><Colorway balance>
<Collection><expiration>
CTA

Or, removing the pill in the selected state we would have

<Colorway applied><Colorway balance>
<Collection>
CTA

Attaching a screenshot of what option 2 here could look like for reference

Comment 7

[Josh Berman]

Here's a link to a modified design file where we just remove the pill

https://www.figma.com/file/0eNvH6AAW9qKLypuFTIeuP/Fx-View-Colorways-applied?node-id=426%3A13087

Comment 8

[Ray Fambro]

Thanks Josh! I think we probably go with the option to remove the pill only as bringing the intensity up in line with the colorway name would cause complexity for l10n, right?

Comment 9

[:Gijs (he/him)]

(In reply to Ray Fambro from comment #8)

Thanks Josh! I think we probably go with the option to remove the pill only as bringing the intensity up in line with the colorway name would cause complexity for l10n, right?

We have until Wednesday/Thursday, in principle (string freeze starts Friday the 16th, but we'd need to move pretty quickly and be confident the new thing is definitely what we want.

Comment 10

[Francesco Lodolo [:flod]]

I don't feel confident in <Colorway applied><Colorway balance> in the title, especially given the timing (this Friday the whole company is off).

From a localization perspective, I would just remove the expiration bit, and leave further experiments for 107.

Comment 11

[Dão Gottwald [:dao]]

(In reply to Francesco Lodolo [:flod] from comment #10)

From a localization perspective, I would just remove the expiration bit, and leave further experiments for 107.

Agreed. Localization itself aside, pulling the intensity up would increase the chance of the title wrapping, which all in all seems like a step backwards.

Comment 12

[Dão Gottwald [:dao]]

Attachment: Bug 1788257 - Hide collection expiry date when a colorway is selected. r=bigiri

Comment 13

[Ray Fambro]

Agreed Flod and Dao. Thanks for getting us to a solution here. Appreciate you working this into the queue!

Comment 14

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/6bb6eba9a1a2
Hide collection expiry date when a colorway is selected. r=bigiri

Comment 15

[Marian-Vasile Laza]

https://hg.mozilla.org/mozilla-central/rev/6bb6eba9a1a2

Comment 16

[Alexandru Trif, Desktop Test Engineering [:atrif]]

I can confirm that the expiry date is no longer displayed in Firefox view after a colorway is selected on Windows 10x64, macOS 11, and Ubuntu 21.04 with Firefox 106.0b2 (20220920185943).