Addons-frontend: Implement UI for new contributions feature

Created on 14 Sep 2017  Â·  27Comments  Â·  Source: mozilla/addons-frontend

Refs: https://github.com/mozilla/addons-server/issues/6069

We're replacing contributions with a simple link. This needs implementing on the new frontend but we will need UX for it. It should be relatively simple in the sense this won't be much more than a link and some context.

PRD is here: https://docs.google.com/document/d/1DjXQbl_hZlRe4bqE9B-cLPfq64wYFa19TU9DfsOpckQ/edit

Screenshot from PRD (needs context for placement):

contributions_on_amo__prd__-_google_docs

desktop p2 post release 2017 Q4 verified fixed triaged

Most helpful comment

I agree with cadeyrn, "contribute" feature should have the highest priority.
There is no point in launching a new design unless it is fully finished and ready to go. Its like buying a car and getting windows or backseats "later".

By the way adding (temporarily) a "Contribute" link inside "More Information" box should be possible even with a "one-man team" considering this bug was opened almost two month ago. We are talking about one single link already present in AMOs database, not figuring out cold fusion. ;-)

All 27 comments

@eviljeff is the new contrib link and any other relevant data exposed in the API yet?

@pwalm there is a screenshot above, but we could use some guidance on placement - the current mocks have a more advanced (based on old contributions) feature in the side bar.
amo_desktop_-_master_sketch
So should we do the same placement and adapt the simpler link version to work in the same place?

... not yet. There isn't a specific issue in https://github.com/mozilla/addons-server/issues/6069 for it, but it could be done with mozilla/addons-server/issues/6308

@jvillalobos not sure if this should be in MVP based on the amount of backlog there is still to go - however, there won't be a contributions feature at all without this. That said, once the data is exposed the implementation is fairly straight-forward.

Note after the new contributions API is implemented it still won't return any useful information until developers start filling in the url ~and I don't believe anyone has been emailed asking them to do that~. (The devhub field and deprecation warning on the old pages have been there for a few weeks but I doubt will have been seen by many users)

--edit, they have this week apparently.

It's not a primary feature, so it's okay to not make it a blocker. However, it's a sensitive issue since it can affect funding for developers, so we should have it done shortly thereafter.

The API was implemented in mozilla/addons-server/pull/6436 btw, and the waffle switch was enabled today.

@pwalm since this will be a priority for something that we fix post-release would you have some time to provide input on the UX aspects re: placement in the page?

As mentioned above the current mocks are more based on the old contributions feature so we need to adapt the new contributions feature as per the issue description.

Mock and spec:
screen shot 2017-10-26 at 3 34 07 pm

Placement:
screen shot 2017-10-26 at 3 35 39 pm

Should we label the button to say "Contribute with [preferred service]"?

We don't (currently) store the provider names, only the URL, so "contribute
with xxx" will need some API changes. Or constants in frontend and regexs.

On 26 Oct 2017 14:37, "Philip" notifications@github.com wrote:

Should we label the button to say "Contribute with [preferred service]"?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/mozilla/addons-frontend/issues/3149#issuecomment-339668362,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAu6UBZyd8oO5FsGg7X8QBn3BPmXCWz7ks5swIsUgaJpZM4PX-m5
.

The name of the service could be pretty long, though. I suggest we keep it as "Contribute" for now.

Also note that we're no longer supporting the suggested amount.

Checking out some other sites like GuFundMe or Kickstarter, our language on the button should be a bit more urgent. Can we Make the buttons say "Contribute now"?

@pwalm, making the button more urgent and inviting is a great idea. 😋

The widget is not visible on the placement mockup without scrolling on a 1080p display. Would it be possible to move it somewhere above the fold? Ideally users should learn that contributing is a possibility while they install the add-on, the widget should be in their peripheral field of vision somewhat close to the center of their gaze as they press the install button.

"Contribute Now" sounds good to me. As for positioning, let's revisit after we ship this. It's a top request from developers right now.

The empty area below the ratings on the right would be perfect for a contribution widget, is something else planned to be placed there?

screenshot from 2017-11-03 17-54-55

@dessant yes, this space is reserved for more rating information:

screen shot 2017-11-03 at 17 24 09

@willdurand, yeah, priorities. 😋

What does "post release" means exactly for this feature? Since it's the only revenue channel for some add-on developers I see this as high priority and it's really sad that this will not be part of the initial launch.

Post release means it is an issue to prioritise for after the first site launch. The team is small and has been working very hard to ship what we have so far. Sorry this feature didn’t land in time for the launch but the old PayPal contributions were buggy and we have to improve how we do them. Unfortunately this means we couldn’t get to it in time.

Again, this label means we’re going to try to get to it ASAP. 😊

I agree with cadeyrn, "contribute" feature should have the highest priority.
There is no point in launching a new design unless it is fully finished and ready to go. Its like buying a car and getting windows or backseats "later".

By the way adding (temporarily) a "Contribute" link inside "More Information" box should be possible even with a "one-man team" considering this bug was opened almost two month ago. We are talking about one single link already present in AMOs database, not figuring out cold fusion. ;-)

@pwalm @jvillalobos is the $5 "suggested contribution" amount valid? How does that work for users of PayPal in Europe for instance (euro currency)?

@willdurand

Also note that we're no longer supporting the suggested amount.

ah oops. Thanks, problem solved 😅

Verified as fixed on AMO-dev with FF56 (Win10 and Android 7.0)

@willdurand I've noticed that in the mocks the position of the Contribution card is right beneath the 'More information' section. Was the positioning changed in the meantime in order to make the option more visible to the user?

image

image

Was the positioning changed in the meantime in order to make the option more visible to the user?

Yes!

Was this page helpful?
0 / 5 - 0 ratings