Page MenuHomePhabricator

🎬️ desktop-de-01 | Disable display delay | ⏰ July 1st
Closed, ResolvedPublic1 Estimated Story Points

Assigned To
None
Authored By
kai.nissen
Jun 20 2022, 8:45 AM
Referenced Files
Restricted File
Jul 1 2022, 1:14 PM
Restricted File
Jul 1 2022, 1:14 PM
F35289261: Screenshot from 2022-06-30 13-54-25.png
Jun 30 2022, 12:39 PM
F35289262: Screenshot from 2022-06-30 13-54-12.png
Jun 30 2022, 12:39 PM

Description

Due to a negative impact on Web Vitals, we probably need to remove the banner display delay and the display animation. In this year's first a/b test we want to find out how this affects the banner performance.

Acceptance Criteria

  • The banners are based on the control banner of the last 2021 test (desktop-de-22).
  • The progress bar is removed from both banners.
  • The banner text of both banners is changed as defined below.
  • The banner height reduction caused by removing the campaign day sentence and the progress bar is compensated by adding space to the top and bottom of the banner.
  • The variant banner is displayed immediately without delay and without sliding down from the top.

Banner copy

An alle, die Wikipedia in Deutschland nutzen

Vielleicht kommen wir gerade ungelegen, aber dennoch: Klicken Sie jetzt bitte nicht weg! Am heutigen day of the week bitten wir Sie bescheiden, die Unabhängigkeit von Wikipedia zu sichern. Insgesamt spenden 99% nichts – sie übergehen diesen Aufruf. Sollten Sie zu dem kleinen Kreis derjenigen gehören, die bereits gespendet haben, danken wir Ihnen sehr herzlich. Wikipedia wird durch Spenden von durchschnittlich 22,66 € finanziert. Doch schon mit einer Spende von 5 € kann Wikipedia sich auch in Zukunft erfolgreich entwickeln. visitors-vs-donors-sentence Millionen Menschen nutzen Wikipedia, aber 99 % spenden nicht – sie übergehen diesen Aufruf. Die meisten Menschen spenden, weil sie Wikipedia nützlich finden. Hat Wikipedia Ihnen in diesem Jahr Wissen im Wert einer Tasse Kaffee geschenkt? Dann nehmen Sie sich doch bitte eine Minute Zeit und geben Sie etwas zurück. Vielen Dank!

Notes

The average donation amount is from last year, will probably be changed.

Event Timeline

kai.nissen set the point value for this task to 8.
AbbanWMDE moved this task from Doing to Review on the WMDE-FUN-Sprint-2022-06-13 board.
AbbanWMDE added a subscriber: AbbanWMDE.
kai.nissen changed the point value for this task from 8 to 1.

@AbbanWMDE We noticed some things when testing:

  • The control banner should not keep the page's top gradient (see screenshots below).
  • The variant banner should be fixed at the top when users scroll down.
  • The variant banner should not reserve space when it is not displayed due to a banner size issue.
  • The slider in the variant banner should start sliding automatically.
  • Both banners should have the usual drop shadow instead of the blue bottom divider.
  • Both banners should have the same height as the campaign banners (e. g. https://de.wikipedia.org/?banner=B21_WMDE_Test_22_ctrl).

control banner: toolbar has a grey background

Screenshot from 2022-06-30 13-54-12.png (523×1 px, 122 KB)

variant banner: toolbar has the usual background gradient

Screenshot from 2022-06-30 13-54-25.png (523×1 px, 121 KB)

Please also note the change of the average donation amount.

@AbbanWMDE There are some more things that need to be fixed:

  • The animated highlighting of one the sentence "Millionen Menschen nutzen Wikipedia, aber 99 % spenden nicht - sie übergehen diesen Aufruf." is gone.
  • The slider pagination is not (or only partially) visible when the banner width is between 1300 and 1315 pixels.
  • The variant banner is not reserving enough space when its width is between 1316 and 1789 pixels. Resizing fixes it.
  • The variant banner does not have the drop shadow below it.

Not enough space reserved
{F35293610}

Slider pagination not visible
{F35293609}

Sorry, one more: The use of funds overlay also has a display glitch depending on the viewport width. Seems to be the space in - 32px:

.use_of_funds__comparison {
    padding: 32px;
    margin: 0 - 32px 0 0;
}

All of the issues are fixed now, except for the invisible slider pagination one. This also happens in other Chrome-based browser (Edge, Opera) and didn't happen in last year's banners.