Page MenuHomePhabricator

🎬️ ipad-en-01 | Blue Wikipedia logo banner | ⏰ Nov 3rd
Closed, ResolvedPublic8 Estimated Story Points

Description

We want to test the design of our new desktop control banner. The banner is based on last year's variant banner, but the control banner will also change.

Acceptance Criteria

  • A slider is added to the control banner.
  • The variant banner is implemented as seen in the design file.
  • The slides on both banners contain the copy defined in the table below.
  • Both banners show a progress bar.
  • Banners have a similar height.
  • The automatic sliding stops when interacting with the banner form (control) or clicking the donation button (variant).
  • The number of seen slides and the number of the slide visible is logged when clicking the submit button (control) or the donation button (variant).
ElementCopy
Slide #1(i) To all our readers in Germany, This day of the week, for the ordinal impression count time recently, we humbly ask you to defend Wikipedia's independence. campaign day sentence 99% of our readers don't give; they simply look the other way.
Slide #2If you are an exceptional reader who has already donated, we sincerely thank you. We depend on donations averaging about €21.60. visitor vs donor sentence
Slide #3If you donate just €5, Wikipedia could keep thriving for years. Most people donate because Wikipedia is useful. If Wikipedia has given you €5 worth of knowledge this year, take a minute to donate. Thank you.
Expanded bannerTo all our readers in Germany,<br> This day of the week, for the ordinal impression count time recently, we humbly ask you to defend Wikipedia's independence. campaign day sentence 99% of our readers don't give; they simply look the other way. If you are an exceptional reader who has already donated, we sincerely thank you. We depend on donations averaging about € 21.60. visitors vs donors sentence If you donate just € 5, Wikipedia could keep thriving for years. Most people donate because Wikipedia is useful. If Wikipedia has given you € 5 worth of knowledge this year, take a minute to donate. Thank you.

Notes

  • The variant banner of desktop-en-02 might just be copied over.

Event Timeline

kai.nissen set the point value for this task to 8.
kai.nissen moved this task from Backlog to Sprint ready on the WMDE-Fundraising-Tech board.

Kept the "Back" link of the VAR form inside the white area, because it would be almost invisible on the grey logo (and that's also how it looks in T294103: 🎬️ ipad-de-01 | Blue Wikipedia logo banner | ⏰ Nov 3rd).

Thanks, @gabriel-wmde! I found some things that need fixing:

ipad-en-01

General

  • The first slide doesn't display the correct text.
  • The banners should both pass the parameter ast=1 to the fundraising application.
  • Clicking the close button should only logged using WMDEBannerSizeIssue. (see T294551: Change close button click logging)

Control

  • The banner should pass the parameter locale=en_GB to the fundraising application.

Variant

  • The expanded banner does not show any text.
  • The banner form does not show an error message for the address type fields.

@gabriel-wmde Some more things regarding the variant:

  • On large screens in landscape mode, the space for the amount option buttons is too small to display them in one line.
  • The form does not pass the address type value to the fundraising application.

Deployed a new version (and user-tested the address selection). I've made the amount options responsive to be 1 line on small screens (because there is no text column) and 2 lines when the text column is expanded

Great, thank you! Looks good to me now.