Page MenuHomePhabricator

Donation form Other amount field: 'minimum amount' error message
Closed, ResolvedPublic


We've been following up with about a dozen donors over the past two weeks, trying to isolate what's causing these errors:

So far they seem to be using up-to-date versions of Chrome, and responding to banners rather than email links. Could it be related to the KeyboardEvents mentioned in T173431: Safari issue with Other amount option in banner: mask currency code letters?

If there are more specific details we can ask for, please let me know. So far no one's mentioned anything like using the Back button, the error seems to occur on first go.

Event Timeline

MBeat33 created this task.Nov 16 2017, 10:45 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptNov 16 2017, 10:45 PM
spatton added subscribers: schoenbaechler, Pcoombe.EditedNov 17 2017, 12:47 AM

Adding @Pcoombe and @schoenbaechler as subscribers to this too.

Just based off the screenshots, it might be a confusing design choice on our part, more than a bug . Those screenshots come from our desktop small banner, where the Other button is actually an input field, requiring the user to type an amount before pressing Continue. Based off the screenshots, perhaps donors are simply selecting Other and expecting they can continue to enter an amount on the next screen.

Does that sound like a logical explanation @MBeat33, or am I missing something? We've been using this button style for a few months, so not sure why it'd just be coming up now.

But we could:

  1. Make the error popup more descriptive.
  2. Make the Other input more obvious - for ex, on the selection of the Other field keeps the input bknd white and makes the blinking cursor much clearer.

I agree that confusion about the input seems most likely. If you click outside the input after selecting it, it looks just like any other selected button. The desktop large banner (below) is clearer. And on mobile it's very clear as clicking the button opens up a keyboard for input.

It might be worth thinking about alternative designs, and running a few through usertesting. Another thing we could try is after an amount error, place the cursor into the "Other" field, which we already do on donatewiki.

Thanks, @spatton & @Pcoombe Looking at the Zendesk tickets, I think you're both right that the donors simply don't see that they can enter the amount inside the button.

I like the suggestion about removing the default blue input bknd inside the Other box, once it's been clicked into, as it may obscure the cursor. Maybe making the background white at that point would prompt donors to see the field as an active place to specify the amount, rather than something that will load a new page.

Yes, I think it's confusing in the current state. If it looks like all the other amount options, we should probably change the interaction model to something like this:

Or here's another example with a clearer «Other» field:

I will add a card to my Trello stack that addresses the «Other» field in Desktop Small and come up with some improved designs.

@spatton @Pcoombe @MBeat33

In the course of Big English, we've ran a test yesterday that featured an improved “Other” field in the Desktop Small banner. We decided in a call today, that we’re going to adopt it as our control. Glad to receive your get your feedback as well @MBeat33. You can check it out here:

CC @spatton @Pcoombe

Thank you, @schoenbaechler - I like the new Other field a lot, and think it will be more intuitive to donors.

We've been using the new style linked above for a while. @MBeat33 Are you still getting reports of this or do you think we can close this task?

MBeat33 closed this task as Resolved.Dec 5 2017, 4:35 PM
MBeat33 claimed this task.

Thanks, @Pcoombe. I think the new style is working, as the trickle of errors we still see sounds like simple donor errors, so I will close this task.