856205 - Display product icon in simulated payments

Status: RESOLVED WONTFIX

(Marketplace Graveyard :: Payments/Refunds, enhancement, P3)

Description

[Kumar McMillan [:kumar]]

When a developer simulates a payment (bug 834410) she should be able to preview how her image icon (bug 848675) will look within the payment window.

Comment 1

[Kumar McMillan [:kumar]]

Attachment: current-simulate.png

We can do better!

Comment 2

[Kumar McMillan [:kumar]]

To see the current simulate screen, open this in a B2G browser and tap Buy on a product: http://mozpay-catalog.paas.allizom.org/

To hook this up to your local dev server (if you dare), do this:
- Run zamboni, webpay and solitude
- Generate a simulation key on your local zamboni at a URL like this http://marketplace.local/developers/in-app-keys/
- Install the catalog locally https://github.com/kumar303/mozpay-catalog/
- Add your simulation key/secret to the settings file
- Point config.mozPayType (in settings) to your local server per instructions in the comments
- Open http://0.0.0.0:3000/ on a B2G browser

Comment 3

[Kumar McMillan [:kumar]]

Attachment: payment-confirmation.png

Hi Maureen, is this the latest payment confirmation mock? If not, please replace with the latest.

Comment 4

[Maureen Hanratty]

Attachment: Confirm payment screen

This is the latest mock. The two differences I see are:

1. Indicating whether the price includes (or excludes) taxes
2. "Terms and Conditions" should be a link

The screens are up-to-date in the bug that tracks the UX for the Bango screens:
https://bugzilla.mozilla.org/show_bug.cgi?id=856827

Comment 5

[Kumar McMillan [:kumar]]

Comment on attachment 751089 [details]
payment-confirmation.png

ok, thanks. Ignore payment-confirmation.png (not sure how to delete it, heh)

Comment 6

[Kumar McMillan [:kumar]]

I'd like to make this simulation screen more useful to developers. You can see it in current-simulate.png

It needs to accomplish the following:
- make it obvious that the payment will only be simulated
- make it clear what result will be simulated. Possibilities are:

  result: postback

  or

  result: chargeback
  reason: refund

- show the product icon so that developers know their icons are working
- show price point, not price value. Example: "Price Point 10"
- show app name / description - this should be easy to add
- ignore payment info (e.g. credit card, carrier billing) - this is not important for simulation so it can be ignored

Any quick ideas to make it look spiffy?

Comment 7

[Kumar McMillan [:kumar]]

Up to date UX mocks live here: https://wiki.mozilla.org/Apps/ID_and_Payments#UX

Comment 8

[Kumar McMillan [:kumar]]

kicking this out to focus on Zippy work

Comment 9

[Andy McKay]

Based on the recently announced future plans for the Marketplace to remove payments, closing these bugs.