Management:
* Prettified “default” text on list of payment accounts
* When only one payment account is present, we don’t need to show the
“Set default account” UI. Instead, say “Default account” and then list
the item.
* Add “Done” button to the “Subscription cancelled” modal.
Buy:
* Added “Done” button to the “Payment accepted” modal dialogue
* Change text from “Edit credit card/PayPal” to “Delete credit
card/PayPal”, matching the management interface
* Change method of deleting card so it uses a button instead of an ‘x’,
matching the management interface
* Replaced buy flow so it uses a `<select>` box that shows only one
card at a time, instead of multiple
* Added link to the end of the buy flow to edit credit card/PayPal
* Link name may need to be revised to “delete credit card’
* Instead of presenting the delete UI inside doorhanger, we can also
link to the management interface, as long as it links directly to the
relevant page.
* Delete credit card
* On confirmation page, there’s now a drop-down menu to select a
replacement card
* Removal of last card is allowed, but doing so will cancel all
subscriptions
* '<select>' interactions
* Set a default card interface now shows all cards at once
* Form-based approach to everything
* Delete credit card interface doesn’t have an ‘x’ anymore. Now it
asks you to first select a card, then click a button to delete it.
* Similarly, there’s now a button to set a card as default.
* Button vs. link navigation
* If it leads to a new page, use link
* If it manipulates data, use button
* Copywriting rules
* Make sidebar and page title wording consistent
* Prefer ampersand ‘&’ over writing ‘and’
When you’re buying an item, you want to be focused on selecting a card
or adding a new one, not on deleting.
On certain parts of the management interface (e.g., select card for a
subscription), you don’t want to delete a card, either. You just want
to select. Maybe you’d like to add a card, but definitely not delete.
* Designed payment account modal, which allows user to:
* View payment methods (fixesmozilla/payments-ui#163)
* Add new payment method (fixesmozilla/payments-ui#165)
* Delete payment methods (fixesmozilla/payments-ui#164)
* Designed change subscription page to use the same modal interface as
above (fixesmozilla/payments-ui#168)
* Designed page to view transaction receipts and history (fixes
mozilla/payments-ui#167)
* When clicking a transaction, a receipt pops up in a modal
* Eliminate manual payment account replacement when an account is
deleted
Kumar McMillan
Bram Pitoyo
Stuart Colville
Andy McKay
Rémy HUBSCHER
andymckay-limited-access