Page MenuHomePhabricator

Change layout of the donation confirmation page
Closed, ResolvedPublic1 Estimated Story Points

Description

The confirmation page contains a lot of whitespace. The page should be restructured to save space and increase the visibility of the call-to-action regarding membership application.

Acceptance Criteria

  • The changes are implemented as an a/b test. There is no default set.
  • The links for printing the confirmation page and writing a comment are moved to the bottom of the left column.
  • If the user provided their address data, it is displayed on the right side.
  • If the user did not provide their address data, the call-to-action to add it subsequently is displayed in the right column.
    • The right column consists of a headline, an explaining text and the (already existing) button and fineprint below it.

Design

Differences from the design

  • The label "ohne Adressangabe" is currently displayed when no address data was provided. This should not be displayed.
  • When address data was provided,
    • the headline of the right column does not display a checkmark icon.
    • the headline should be "Sie erhalten Ihre Spendenquittung an folgende Adresse:".
    • the label "Spendenquittungen werden an:" is not displayed.
    • the address type (Privatperson/Firma) is not displayed.

Implementation notes

  • We probably need a different component for the variant page.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
kai.nissen set the point value for this task to 8.
kai.nissen moved this task from Incubation to Heap on the WMDE-FUN-Funban-2020 board.

please try again. I added your email adresses

@kai.nissen Can I get some copy to replace "Hier erläutern wir die Vorteile der Angabe von Adressdaten und auch, warum sie diese Spende benötigen." from the design?

@AbbanWMDE You can use that sentence (or other dummy text) for now. We'll change it later in the content repo.

AbbanWMDE moved this task from Doing to Code Review on the WMDE-FUN-Funban-2020 board.

@AbbanWMDE, I found some issues:

  • The headline of the left column should be "Herzlichen Dank für Ihre Spende!" for all payment types but bank transfer (Überweisung). For bank transfers, it is "Letzter Schritt...", which is correctly displayed.
  • The sentence summarizing the payment details is missing (e. g. "Sie spenden einmalig 5 Euro per Kreditkarte."). It is also missing in the summary box of the donation form. It seems that instead of this sentence just a comma is displaed.
  • There are too many commas in the address paragraph:
    • For private persons, it should display: salutation title first name last name, street, postal code city, country
    • For company addresses it should display: company name, street, postal code city, country
  • headline changed to "Herzlichen Dank für Ihre Spende!", bank transfer shows "Letzter Schritt[..]" instead
  • Donation Summary sentence is displayed in the donation form and displayed in the confirmation page
  • needless comma after salutation removed in the address paragraph

changes deployed at https://testing04.wikimedia.customers.manitu.net
@kai.nissen please have a look

@CorinnaHillebrand_WMDE There is another comma between postal code and city that shouldn't be there (the space between the two fields should probably also be a non-breaking one). Apart from that, everything looks fine!

screenshot-testing04.wikimedia.customers.manitu.net-2021.02.05-12_22_03.png (249×449 px, 25 KB)

kai.nissen changed the point value for this task from 8 to 1.Feb 8 2021, 11:11 AM