Feature #16170
Make the wire transfer and crypto currency alternatives visible above the fold
0%
Description
Several people how have reported errors with PayPal this year found it useful to be pointed to the wire transfer alternative. Some of them reported donating successfully to Tails in the future. Maybe the big increase in the number of donations through wire transfer could also reflect a change in policy on PayPal’s side (that could need confirmation with more stats).
On my 900px height screen I have to scroll quite a bit to see the wire transfer alternative. It might be worth trying to raise it up to the fold on a 800x screen. For example, we could:
- Shrink a bit the height of the PayPal amount buttons.
- Use the space right blow the PayPal buttons for wire transfer.
- Shrink a bit the text on the left.
- Combine several of these strategies.
Files
Subtasks
History
#1 Updated by sajolida 2018-11-29 15:18:06
- Tracker changed from Bug to Feature
#2 Updated by sajolida 2018-11-29 15:18:51
About the importance of the fold: https://www.nngroup.com/articles/page-fold-manifesto/.
#3 Updated by sajolida 2018-12-08 11:53:08
- Subject changed from Make the wire transfer alternative visible above the fold to Make the wire transfer and crypto currency alternatives visible above the fold
The same problem probably affects cryptocurrencies.
#4 Updated by sajolida 2019-05-09 17:12:17
- Assignee deleted (
None) - Target version set to Tails_3.15
- QA Check set to Ready for QA
- Feature Branch set to web/16170-other-ways-above-fold
Here is a branch.
Do you mind having a look? Otherwise I’ll find someone else.
#5 Updated by Anonymous 2019-05-16 15:19:21
- QA Check changed from Ready for QA to Dev Needed
It’s a very good idea and it works well, also on a mobile phone screen.
But but. On my conputer, this modification has no influence whatsoever: the information is still below the fold and I still have to scroll to get there.
I would suggest, on top of your branch (that is “Pass”):
- diminish the size of the Paypal buttons in height at least.
- remove the line break between: “Your donation goes entirely to Tails and will be handled by RiseupLabs which is a 501©(3) non-profit organization in the USA.” and “Donations are tax-deductible to the full extent permitted by law.”
- shorten the donation text in the left column substantially. Maybe use a “Read more” toggle.
#6 Updated by Anonymous 2019-05-16 15:19:31
- Assignee set to sajolida
#7 Updated by sajolida 2019-06-24 18:40:01
- File 11px.png added
- File 12px.png added
- File 12px ugly.png added
- File left.png added
- Status changed from Confirmed to Needs Validation
- Assignee deleted (
sajolida)
> It’s a very good idea and it works well, also on a mobile phone screen.
That’s a relief as the code changes were pretty intense!
> […] the information is still below the fold and I still have to scroll to get there.
Oops, thankfully with some extra motification, one can often get some extra results.
> - diminish the size of the Paypal buttons in height at least.
Done in 185424cd54.
> - remove the line break between: "Your donation […]
On my computer this wouldn’t gain any vertical space and look uglier. So to gain 1 line, I instead make the font a bit smaller. See screenshot in attachment.
> - shorten the donation text in the left column substantially. Maybe use a “Read more” toggle.
Shortening the left column won’t raise the “Other ways to donate” because it’s in the left column now. See screenshot in attachment.
Please review 185424cd54.
With this new iteration, on my computer, “Other ways to donate” is at 614 pixels from the top of the frame vs. 674 px in the first iteration and 961 px currently. Yay!
#8 Updated by Anonymous 2019-07-04 13:05:31
Perfecto! I am merging this now.
#9 Updated by Anonymous 2019-07-04 13:06:01
- Status changed from Needs Validation to Resolved
- Assignee deleted (
)