Page MenuHomePhabricator

🎬 desktop-de-09 | Add 2nd step to banner form | ⏰ Nov 3rd
Open, Needs TriagePublic5 Estimated Story Points

Description

After testing the introduction of reduced address data provision, we want to test the effect of asking a user which address data they want to provide in the banner form already. Banners are based on the variant banner of desktop-de-08.

Acceptance Criteria

  • Both control and variant banner
    • show the progress bar.
    • include the campaign parameter file for 2020.
    • contain the "campaign day sentence".
    • include the final version of the use of funds design.
  • The variant banner has a two-step form (similar to the variant of desktop-de-02).
  • If a user selects direct-debit,
    • only the full address option is available, other options are disabled.
    • the form shows a notice below the headline that explains why (direct debit notice).
  • The submit button label of the second page changes depending on the user's choice.
  • Both banners use the new address provision option version of the donation form.

Notes

Labels

ElementLabel
Second step headlineMöchten Sie Ihre Kontaktdaten angeben?
Full address data labelVollständige Kontaktdaten
Full address data notice(Für Spendenquittung per Post und Bestätigung per E-Mail)
Only e-mail address labelNur E-Mail-Adresse
Only e-mail address notice(Für Bestätigung per E-Mail)
No address dataGar keine Kontaktdaten
Error messageBitte wählen Sie aus, ob Sie Kontaktdaten angeben möchten.
Submit button (no contact data & PayPal payment)Weiter zu PayPal
Submit button (no contact data & credit card payment)Weiter zur Dateneingabe
Submit button (no contact data & bank transfer payment)Weiter zur Bankverbindung
Direct debit noticeFür Lastschriften ist die Angabe eine Adresse erforderlich.

Mockups

form on the right
form below

Event Timeline

kai.nissen renamed this task from T266099: 🎬 desktop-de-09 | Add 2nd step to banner form | ⏰ Nov 3rd to 🎬 desktop-de-09 | Add 2nd step to banner form | ⏰ Nov 3rd.Oct 21 2020, 8:39 AM
kai.nissen created this task.
kai.nissen updated the task description. (Show Details)Oct 21 2020, 8:52 AM
kai.nissen updated the task description. (Show Details)
kai.nissen updated the task description. (Show Details)Oct 21 2020, 9:23 AM
kai.nissen updated the task description. (Show Details)Oct 21 2020, 12:45 PM
kai.nissen set the point value for this task to 5.
AbbanWMDE moved this task from Heap to Doing on the WMDE-FUN-Funban-2020 board.
AbbanWMDE moved this task from Code Review to Doing on the WMDE-FUN-Funban-2020 board.

@AbbanWMDE I already had a look at the changes and found some layout issues.

  • The error message overlaps the submit button in the 2nd form step.

  • When the form is below the banner text, the layout looks a little odd.

@AbbanWMDE Thank you for fixing this! One tiny thing left: The button in the first step is too narrow now:

AbbanWMDE removed AbbanWMDE as the assignee of this task.Nov 3 2020, 10:40 AM
AbbanWMDE moved this task from Code Review to Acceptance Test on the WMDE-FUN-Funban-2020 board.
AbbanWMDE added a subscriber: AbbanWMDE.
AbbanWMDE moved this task from Deploy to Done on the WMDE-FUN-Funban-2020 board.Thu, Nov 5, 7:25 AM