Closed Bug 1473662 Opened 6 years ago Closed 6 years ago

Save/Next button Refinements

Categories

(Firefox :: WebPayments UI, enhancement, P1)

enhancement

Tracking

()

VERIFIED FIXED
Firefox 64
Tracking Status
firefox63 --- wontfix
firefox64 --- verified

People

(Reporter: epang, Assigned: sfoster)

References

Details

(Whiteboard: [webpayments])

Attachments

(3 files)

Figure out the UX for Card Type (credit, debit, prepaid) and Card Network (MC, Visa, AM EX, etc.)
Status: NEW → ASSIGNED
Priority: -- → P1
Blocks: 1477102
Flags: qe-verify-
Attached image Card Type/Card Network
Screenshot of card type/card network. Page in ixd spec can be found here:
https://mozilla.invisionapp.com/d/main#/console/13170472/275361830/preview
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]
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
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
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.
(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.
(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: 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+
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
https://hg.mozilla.org/mozilla-central/rev/44ab1f5c5056
Status: ASSIGNED → RESOLVED
Closed: 6 years 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
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.

Attachment

General

Created:
Updated:
Size: