Page MenuHomePhabricator

🎬️ mobile-de-03 | New design | ⏰ Oct 18th
Closed, ResolvedPublic1 Estimated Story Points

Assigned To
None
Authored By
kai.nissen
Oct 7 2021, 11:54 AM
Referenced Files
F34677211: 03_01.png
Oct 7 2021, 11:54 AM
F34677215: 02_01.png
Oct 7 2021, 11:54 AM
F34677210: 01_00.png
Oct 7 2021, 11:54 AM
F34677214: 06_00.png
Oct 7 2021, 11:54 AM
F34677218: 03_00.png
Oct 7 2021, 11:54 AM
F34677222: 05_00.png
Oct 7 2021, 11:54 AM
F34677216: 02_00.png
Oct 7 2021, 11:54 AM
F34677223: 05_01.png
Oct 7 2021, 11:54 AM

Description

We want to test a new mobile banner design. The control banner for this test is the variant banner of mobile-de-02.

Acceptance Criteria

  • The new design for the variant banner is implemented as seen in the design file.
  • The banner does not show a progress bar.
  • The banner does not display the sentence "Millionen Mal wird unser Aufruf täglich angezeigt..."
  • Clicking on the small links in the slides opens an overlay.
  • The overlay can be closed by tapping on the close button or anywhere in the grey area around it.
  • The option to give €5 by text message only becomes visible when users select a one-time donation of €5.
  • Banner screenshots are uploaded to Shutterbug.

Notes

  • The copy of the third slide is not yet final.
  • The text underline in the expanded banner might be implemented by using background gradients.

01_00.png (1×752 px, 204 KB)

01_01.png (1×748 px, 198 KB)

02_00.png (1×750 px, 213 KB)

02_01.png (1×749 px, 195 KB)

03_00.png (1×750 px, 212 KB)

04_00.png (1×750 px, 210 KB)

06_02.png (1×750 px, 136 KB)

03_01.png (1×750 px, 205 KB)

06_01.png (1×750 px, 186 KB)

06_00.png (2×750 px, 195 KB)

06_03.png (2×750 px, 256 KB)

06_04.png (2×750 px, 245 KB)

07_00.png (1×750 px, 253 KB)

05_00.png (1×750 px, 269 KB)

05_01.png (1×750 px, 312 KB)

Event Timeline

kai.nissen set the point value for this task to 8.
kai.nissen removed the point value for this task.

The banner does not display the sentence "Millionen Mal wird unser Aufruf täglich angezeigt..."

that means the sentence should be deleted from the fullpage banner text?
the minibanner(slides) should still have that 3rd slide, right?

The banner does not display the sentence "Millionen Mal wird unser Aufruf täglich angezeigt..."

that means the sentence should be deleted from the fullpage banner text?
the minibanner(slides) should still have that 3rd slide, right?

that sentence shall stay but the wording is: "Millionen Menschen nutzen Wikipedia, aber 99 % der Leserinnen und Leser spenden nicht." The same sentence replace applies to the drop down copy.

Also, on the first overlay: It should say "“Nur durch Spenden ihrer Leserinnen und Leser kann die Existenz von Wikipedia gesichert werden -unabhängig von Werbung und anderen Einflüssen.” We do not use the * in our banner communication.

One tiny copy change for CTRL: In the dropdown it should say: "Hat Wikipedia Ihnen in diesem Jahr Wissen im Wert einer Tasse Kaffee geschenkt?"

@CorinnaHillebrand_WMDE

A couple of things:

Mob03

  • quite a bit of a height difference. maybe not so bad on mobile but is it possible to make VAR a bit less high without breaking the design?
  • slide 2 overlay, first sentence should be: "Wir verwenden Ihre Spende für den Betrieb..." (sorry was already wrong in Text definition)
  • slide 3 overlay: weird break should be removed
  • slide 4 text should be: "Würden alle, die das jetzt lesen, nur den Wert einer Tasse Kaffee spenden, wäre unser Spendenziel bereits am heutigen Mittwoch erreicht. Jeder Beitrag zählt. Vielen Dank!"
  • On page 2: typo at "Weiterlesen"
  • On page 2: "Weiterlesen" should disappear once the long text is opened
  • On page 2: missing space between "Einflüssen" and next sentence
  • On page 2: sentence "Millionen Menschen nutzen Wikipedia, aber 99% der Leserinnen und Leser spenden nicht" should be replaced with "Sollten Sie zu dem kleinen Kreis gehören, die bereits gespendet haben, danken wir Ihnen sehr herzlich."
  • On page 2: "schon mit einer Spende von 5 €" should be in bold letters
  • page 2 Form: "Weiter, um Spende abzuschließen"-Button should be grey and turn blue once the form is filled
  • page 2 Form: Text in the overlay behind the I-Button next to "Betrag wählen" has weird break too
  • "Wohin geht meine Spende?"-Link on bottom of form can be removed

@AbbanWMDE, @JanJaquemot The issues mentioned above are resolved.

I found some more, though:

  • When clicking "Weiterlesen", the banner grows in height, but doesn't push the content further down.
  • There is a missing space after the hyphen in the popup of slide 1 ("Nur durch Spenden ihrer Leserinnen und Leser kann die Existenz von Wikipedia gesichert werden - unabhängig von Werbung und anderen Einflüssen.")
  • The source links to the annual revenue shouldn't have a white background.

@AbbanWMDE Oh, and one last more thing: in smaller resolutions the placeholder of the amount input field overlaps with the edit icon. Can you remove the placeholder?

There seems to be something wrong with triggering WMDEBannerEvents. During testing, a lot of errors popped up in logstash. EventGate complains about finalSlide being null while it should be an Integer.

kai.nissen changed the point value for this task from 8 to 1.