224.68 KB, image/png
357.73 KB, image/png
46 bytes, text/x-phabricator-request
|Details | Review|
Figure out the UX for Card Type (credit, debit, prepaid) and Card Network (MC, Visa, AM EX, etc.)
9 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
Visual Flow can be found here: https://mozilla.invisionapp.com/d/main#/console/13422080/304878919/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
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.
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 firstname.lastname@example.org: https://hg.mozilla.org/integration/autoland/rev/44ab1f5c5056 Save button should be labelled 'Next' when adding a new address or card. r=MattN
Hi Sam, does this bug need QA testing?
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.
You need to log in before you can comment on or make changes to this bug.