search

efdevcon / pretix-eth-payment-plugin

An etheruem payment provider plugin for pretix
Other
42 stars 21 forks source link

improve ETH payment UX #98

Closed ligi closed 3 years ago

ligi commented 4 years ago

currently it looks like this:

image

perhaps we can use icons for web3modal and uniswap to break the wall of text. Also perhaps not show the big QR code by default but a small QR code Icon and reveal the bigger one after click.

We can also remove the "once a day" as we now check more often. Also maybe the warning "if you know what you are doing" as we do not need the exact amounts anymore.

skylarweaver commented 4 years ago

In addition to the suggestions Ligi made, can we make the following text changes:

Change the 0.01 euros at the top to dollars or DAI or ETH, whichever one it actually is...?

Remove: "Please send your ticket payment ... below."

Change: "You have the following options to trigger the payment:" to "Choose one of the following options to send the payment:"

Convert the unordered list to an ordered (numbered) list. (this way it's easy for people to reference, "oh you should pay with option #2", etc)

Add more whitespace between each bullet/number. An extra br would do.

Remove the parenthesis around the supporting information for the last three option (web3, uniswap, manual). Then the supporting information should be moved below the main option as a sub-bullet. Eg:

Change: "If you already paid, please be patient! Transactions are currently checked just once a day. Once this happens, you will get an email" to "Once you send your payment, our system will automatically check for confirmation. Please allow up to several hours. Once confirmed, you will get an email notification."

Is several hours too long to wait? What's the shortest amount of time we should say they should wait before reaching out to support b/c something is likely wrong? 10 minutes?

Also, do they still receive the confirmation email?

Add: A line break before the text "If you want to improve this process, submit..."

skylarweaver commented 4 years ago

Those are all basic html/text changes. Should be easy enough to start. With those, we can start testing MVP IMO.

As for CSS, the biggest changes I would like to see would be to change the Web3Modal and Uniswap hyperlinks into styled buttons:

A secondary change would be to add a light, neutral background to the address the 'manual payment' option, so it stands out as selectable/copyable.

Are these CSS changes possible to implement in addition to the above html/text changes?

davesque commented 4 years ago

I addressed most of the textual changes that are possible to fix. The currency display issue probably is not fixable unfortunately. See my comment here. As for everything else, I'm pretty sure a front-end engineer can address it. I'm going to need to start pulling back the time I'm putting into this project since my day job is becoming more demanding.

skylarweaver commented 4 years ago

Terrific. Thanks for all the help @davesque ! Is there a branch or a PR with these changes?

davesque commented 4 years ago

Yeah, it's here: https://github.com/esPass/pretix-eth-payment-plugin/pull/91

Just look at that last few commits.