Page MenuHomePhabricator

🎬 desktop-de-10 | Prepare Retest RB V – ⏰ 14.11.
Closed, ResolvedPublic

Description

This is a retest of a responsive vs. non-responsive banner from last years banner campaign where we had a (text) bug. In this test we’ll have that fixed. We want to finally see the gains realized by the responsive banner (in each cluster) - it’s *not* about testing if we go on with a non-reponsive banner.

CTRL

CTRL banner should be based on:
https://de.wikipedia.org/?banner=B19_WMDE_09_ctrl

  • Delete Viewport-Clusters: There will be everywhere the same design and the same text; there is only one exception: on the breakpoint of 1400px there will be a switch between the form on the right hand side and the position below the banner text
  • Please use banner layout and text size as currently in the viewport width above 1400px
  • Please use this text:

Liebe Leserinnen und Leser, bitte verzeihen Sie die Störung. Es ist ein bisschen unangenehm, daher kommen wir gleich zur Sache. {{ capitalizeFirstLetter weekdayPrepPhrase }} {{ currentDayName }} sind Sie in Deutschland gefragt:

{{ campaignDaySentence }}. Wikipedia wird durch Spenden von durchschnittlich 23,83 € finanziert, aber 99 % der Leserinnen und Leser spenden nicht. Wenn alle, die das jetzt lesen, einen kleinen Beitrag leisten, wäre unser Spendenziel bereits am heutigen {{ currentDayName }} erreicht. Schon der Preis einer Tasse Kaffee würde genügen. Über {{ amountBannerImpressionsInMillion }} Millionen Mal wird unser Spendenaufruf täglich angezeigt, aber nur {{ numberOfDonors }} Menschen haben bisher gespendet. Sicher könnten wir mit Werbung eine Menge Geld verdienen. Aber dann wäre Wikipedia komplett anders. Wir könnten ihr nicht vertrauen. Es ist leicht, diese Nachricht zu ignorieren und die meisten werden das wohl tun. Wenn Sie Wikipedia nützlich finden, nehmen Sie sich {{ weekdayPrepPhrase }} {{ currentDayName }} bitte eine Minute Zeit und geben Wikipedia mit Ihrer Spende etwas zurück. Vielen Dank!

VAR

VAR banner should be based on:
https://de.wikipedia.org/?banner=B19_WMDE_09_ctrl

Please make following changes is the following view port cluster:

  • 0 bis 1023 px

Banner text as defined for the control banner
Change font type and font size like (in the respective cluster) in: https://de.wikipedia.org/?banner=B18WMDE_25_181214_var
Delete small arrow on the left side of the frame (which signifies a speech bubble)
Remove the spacing left and right of the banner text element to align with the banner form
Move the close button into the banner text element and change its color to #ffffff

  • 1024-1150 px:

Banner text as defined for the control banner
Change font type and font size like (in the respective cluster) in: https://de.wikipedia.org/?banner=B18WMDE_25_181214_var
Delete small arrow on the left side of the frame (which signifies a speech bubble)
Remove the spacing left and right of the banner text element to align with the banner form
Move the close button into the banner text element and change its color to #ffffff

  • 1152-1399 px: change text to (difference highlighted in bold):

“Liebe Leserinnen und Leser, bitte verzeihen Sie die Störung. Es ist ein bisschen unangenehm, daher kommen wir gleich zur Sache. An diesem Mittwoch sind Sie in Deutschland gefragt, um Wikipedias Unabhängigkeit zu sichern:

Heute ist der 3. Tag unserer Spendenkampagne. Wikipedia wird durch Spenden von durchschnittlich 23,83 € finanziert, aber 99 % der Leserinnen und Leser spenden nicht. Wenn alle, die das jetzt lesen, einen kleinen Beitrag leisten, wäre unser Spendenziel bereits am heutigen Mittwoch erreicht. Schon der Preis einer Tasse Kaffee würde genügen. Über 9 Millionen Mal wird unser Spendenaufruf täglich angezeigt, aber nur 39.562 Menschen haben bisher gespendet. Wenn Wikipedia eine kommerzielle Seite sein würde, wäre das ein riesiger Verlust für die Welt. Wikipedia ist ein Ort des Lernens – Werbung hat darin keinen Platz. Sicher könnten wir mit Werbung eine Menge Geld verdienen. Aber dann wäre Wikipedia komplett anders. Wir könnten ihr nicht vertrauen. Es ist leicht, diese Nachricht zu ignorieren und die meisten werden das wohl tun. Wenn Sie Wikipedia nützlich finden, nehmen Sie sich an diesem Mittwoch bitte eine Minute Zeit und geben Wikipedia mit Ihrer Spende etwas zurück. Vielen Dank!”

  • 1400-1899 px: change text to (difference highlighted in bold):

“Liebe Leserinnen und Leser, bitte verzeihen Sie die Störung. Es ist ein bisschen unangenehm, daher kommen wir gleich zur Sache. An diesem Mittwoch sind Sie in Deutschland gefragt, um Wikipedias Unabhängigkeit zu sichern:

Heute ist der 3. Tag unserer Spendenkampagne. Wikipedia wird durch Spenden von durchschnittlich 23,83 € finanziert, aber 99 % der Leserinnen und Leser spenden nicht. Wenn alle, die das jetzt lesen, einen kleinen Beitrag leisten, wäre unser Spendenziel bereits am heutigen Mittwoch erreicht. Schon der Preis einer Tasse Kaffee würde genügen. Über 9 Millionen Mal wird unser Spendenaufruf täglich angezeigt, aber nur 39.562 Menschen haben bisher gespendet. Wenn Wikipedia eine kommerzielle Seite sein würde, wäre das ein riesiger Verlust für die Welt. Wikipedia ist ein Ort des Lernens – Werbung hat darin keinen Platz. Sicher könnten wir mit Werbung eine Menge Geld verdienen. Aber dann wäre Wikipedia komplett anders. Wir könnten ihr nicht vertrauen. Wikipedia bringt uns alle, die Wissen lieben, zusammen: Beitragende, Lesende und die Spendenden, die uns finanzieren. Es ist leicht, diese Nachricht zu ignorieren und die meisten werden das wohl tun. Wenn Sie Wikipedia nützlich finden, nehmen Sie sich an diesem Mittwoch bitte eine Minute Zeit und geben Wikipedia mit Ihrer Spende etwas zurück, damit Wikipedia weiter wachsen kann. Vielen Dank!”

  • 1900-9999px: change text to (difference highlighted in bold):

“Liebe Leserinnen und Leser, bitte verzeihen Sie die Störung. Es ist ein bisschen unangenehm, daher kommen wir gleich zur Sache. An diesem Mittwoch sind Sie in Deutschland gefragt, um Wikipedias Unabhängigkeit zu sichern:

Heute ist der 3. Tag unserer Spendenkampagne. Wikipedia wird durch Spenden von durchschnittlich 23,83 € finanziert, aber 99 % der Leserinnen und Leser spenden nicht. Wenn alle, die das jetzt lesen, einen kleinen Beitrag leisten, wäre unser Spendenziel bereits am heutigen Mittwoch erreicht. Schon der Preis einer Tasse Kaffee würde genügen. Über 9 Millionen Mal wird unser Spendenaufruf täglich angezeigt, aber nur 39.562 Menschen haben bisher gespendet. Wenn Wikipedia eine kommerzielle Seite sein würde, wäre das ein riesiger Verlust für die Welt. Wikipedia ist ein Ort des Lernens – Werbung hat darin keinen Platz. Sicher könnten wir mit Werbung eine Menge Geld verdienen. Aber dann wäre Wikipedia komplett anders. Wir könnten ihr nicht vertrauen. Wikipedia bringt uns alle, die Wissen lieben, zusammen: Beitragende, Lesende und die Spendenden, die uns finanzieren. Das Herzstück von Wikipedia ist die Gemeinschaft von Menschen, die uns unbegrenzten Zugang zu verlässlichen und neutralen Informationen geben. Es ist leicht, diese Nachricht zu ignorieren und die meisten werden das wohl tun. Wenn Sie Wikipedia nützlich finden, nehmen Sie sich an diesem Mittwoch bitte eine Minute Zeit und geben Wikipedia mit Ihrer Spende etwas zurück, damit Wikipedia weiter wachsen kann. Vielen Dank!”

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
chrp moved this task from Incubation to Heap on the WMDE-FUN-Funban-2019 board.
chrp added a subscriber: JanJaquemot.

@tmletzko

Please test:

https://de.wikipedia.org/?banner=B19_WMDE_10_ctrl
https://de.wikipedia.org/?banner=B19_WMDE_10_var

It's not specified in the ticket but it's really hard to align the sizes of both banners because they not only differ in content but also in font sizes. I don't see how this can be easily aligned, please let me know what thoughts you have on this.

Will talk to @Tobias_Schumann_WMDE-ext about the size-question later and give you feedback.

Few things from the ticket that weren't met can be fixed before that:

In CTRL:
on the breakpoint of 1400px there will be a switch between the form on the right hand side and the position below the banner text
-> doesn't happen

In VAR:
in cluster 1024-1150 px (and smaller):
"Wenn Wikipedia eine kommerzielle Seite sein würde, wäre das ein riesiger Verlust für die Welt. Wikipedia ist ein Ort des Lernens – Werbung hat darin keinen Platz."
-> is not deleted

@Tim_WMDE Your question about the different banner sizes indicates that you really well internalized our banner test specifiactions! *thumbs-up* But in this specific case the differences in banner height are intentionally there - it's what the advantage of the responsive banner is: being smaller in small viewports, being bigger on bigger viewports. hence, it's whats being tested. so, there shall not be any invisible placeholders in any banner to adjust for equal height.

Some further remarks:

VAR:

  • font type is not changed below 1150 px
  • the font size between 1150 px and 1024 is not correct (not like in the linked banner example; if i measure correctly it should be 15,4px font size
  • below 1150px: the spacing left and right of the banner text element is removed but the banner text eleemtn is not aligned with the banner form, see:
    image.png (259×160 px, 9 KB)

it shall look like (schreenshot of old banenr:

image.png (240×127 px, 7 KB)

@JanJaquemot @Tobias_Schumann_WMDE-ext I have addressed your concerns except for the remark about the font types, please check out the banners again. If I remember correctly, the WMF decided it's best to not set any specific fonts anymore and simply let the specific browser / device take care of that because the vendor fonts are usually the best choice for legibility, so I would recommend we leave it that way. I have still added the missing font-size change between 1024px and 1150px.

chrp moved this task from Deploy to Done on the WMDE-FUN-Funban-2019 board.
kai.nissen claimed this task.