Save/Next button Refinements

VERIFIED FIXED in Firefox 64

Status

()

enhancement
P1
normal
VERIFIED FIXED
10 months ago
6 months ago

People

(Reporter: epang, Assigned: sfoster)

Tracking

Trunk
Firefox 64
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(firefox63 wontfix, firefox64 verified)

Details

(Whiteboard: [webpayments])

Attachments

(3 attachments)

(Reporter)

Description

10 months ago
Figure out the UX for Card Type (credit, debit, prepaid) and Card Network (MC, Visa, AM EX, etc.)

Updated

10 months ago
Status: NEW → ASSIGNED
Priority: -- → P1
Flags: qe-verify-
(Reporter)

Updated

9 months ago
Duplicate of this bug: 1470195
(Reporter)

Comment 2

8 months ago
Screenshot of card type/card network. Page in ixd spec can be found here:
https://mozilla.invisionapp.com/d/main#/console/13170472/275361830/preview
(Reporter)

Updated

7 months ago
Whiteboard: [webpayments] [ux] → [webpayments]
Assignee: epang → nobody
Status: ASSIGNED → NEW
Flags: qe-verify- → qe-verify?
Priority: P1 → P2
Whiteboard: [webpayments] → [webpayments-reserve]
Summary: UX design for Card Type and Card Network → Card Type and Card Network
Whiteboard: [webpayments-reserve] → [webpayments]
(Assignee)

Comment 4

7 months ago
Once Bug 1477102 and Bug 1429181 are landed, lets use this bug to do a UX-review and collect together any follow-up fixes to consider the card type and network handling complete.
No longer blocks: 1477102
Depends on: 1477102, 1429181
Summary: Card Type and Card Network → Card Type and Card Network Refinements

Comment 5

7 months ago
As per Jacqueline's question to Brian Jones for clarification.

>For the add flow are we wanting to use the word "Next" in the button rather than "Add" currently its implemented as "Add" for the add flow and "Next" for the FTE flow. Originally you said all buttons should say "Next" but we wanted to double check
(Assignee)

Comment 6

7 months ago
Notes from UX review (vidyo call): 

* Next button: On add card, edit card, add address, edit address pages, the primary button should always be labelled next. 
  
* Use network-specific logo in the payment method picker's closed state. This is quite a bit smaller area so we'll need to ensure all those logos still work. Its possible some brands have separate, simpler icons that are a more legible at very small sizes?

* In the label for the "Save to Firefox" checkbox, we should use "CVV" rather than "Security code" to match the label/placeholder on the form field. We'll need a separate follow-up bug to track replacing CVV with the network-appropriate term as some cards call it CVV, CSC, CVV2 etc. and the same library that does card network matching on the PAN and expected number length ranges will also tell us what label to use here.
(Assignee)

Comment 7

7 months ago
(In reply to Sam Foster [:sfoster] from comment #6)
> * Next button: On add card, edit card, add address, edit address pages, the
> primary button should always be labelled next. 

Correction, this is for "Add" screens only, not Edit. Edit uses "Update" as the button label.
(Assignee)

Comment 8

7 months ago
(In reply to Sam Foster [:sfoster] from comment #6)
> * In the label for the "Save to Firefox" checkbox, we should use "CVV"
> rather than "Security code" to match the label/placeholder on the form
> field. 

This is fixed in bug 1490805.
Summary: Card Type and Card Network Refinements → Card Network and Save/Next button Refinements
(Assignee)

Updated

7 months ago
Assignee: nobody → sfoster
Status: NEW → ASSIGNED
Priority: P2 → P1
Comment on attachment 9012969 [details]
Bug 1473662 - Save button should be labelled 'Next' when adding a new address or card. r?MattN

Matthew N. [:MattN] (PM me if requests are blocking you) has approved the revision.
Attachment #9012969 - Flags: review+

Comment 11

7 months ago
Pushed by sfoster@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/44ab1f5c5056
Save button should be labelled 'Next' when adding a new address or card. r=MattN

Comment 12

7 months ago
bugherder
https://hg.mozilla.org/mozilla-central/rev/44ab1f5c5056
Status: ASSIGNED → RESOLVED
Last Resolved: 7 months ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 64
QA Contact: MattN+bmo
QA Contact: MattN+bmo
Hi Sam, does this bug need QA testing?
Flags: needinfo?(sfoster)
Flags: qe-verify?
Flags: qe-verify+
Flags: needinfo?(sfoster)
QA Contact: hani.yacoub
Summary: Card Network and Save/Next button Refinements → Save/Next button Refinements

Comment 14

6 months ago
Verified - Fixed on the latest Nightly 64.0a1 (2018-10-10) on Windows 10, Ubuntu 16.04 and Mac OS 10.13.
The "Next" button will be displayed on the Add CC or Address forms whenever a new card or address is added.
Status: RESOLVED → VERIFIED
Flags: qe-verify+
You need to log in before you can comment on or make changes to this bug.