Page MenuHomePhabricator
Create Task
Maniphest T237963

🎬 wikipedia.de-02 | Increase size for usability on larger viewports – ⏰ 28.11.
Closed, ResolvedPublic
Actions

Description

The banners for this test are based on the variant banner of the previous test. Please note that there is a subticket (T239330) regarding UX improvements.

Acceptance Criteria

General changes to both CTRL and VAR

  • Parameter dsn= from link to spenden.wikimedia.de is removed
  • Close and expand tracking ratio is increased to 100%.
  • Viewport width of 1350px and above (CTRL and VAR)
    • The following banner text snippets are displayed:
      • “, um Wikipedias Unabhängigkeit zu sichern:”
      • “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.”

Changes to VAR banner

  • Viewport width of 1600px and above (see also P9770)
    • Form width is increased to 22em
    • Button height is increased to 40px
    • Font size of button labels is increased to 1.2em
    • Spacing between button groups is increased to 0.8em
    • Font size of footer line is increased to 0.9em
    • The following banner text snippets are displayed:
      • “Wikipedia bringt uns alle, die Wissen lieben, zusammen: Beitragende, Lesende und die Spendenden, die uns finanzieren.”
      • “, damit Wikipedia weiter wachsen kann.”
  • Viewport width of 1900px and above (see also P9771)
    • Font size of banner text is increased to 1.5em
    • Button height is increased to 50px
    • Spacing between button groups is increased to 1.2em
    • Progress bar height is increased to 36px
    • Font size of elements inside the progress bar is increased to 1.2em
    • The following banner text snippets are displayed:
      • "Das Herzstück von Wikipedia ist die Gemeinschaft von Menschen, die uns unbegrenzten Zugang zu verlässlichen und neutralen Informationen geben."

Related Objects
Search...

Event Timeline

• chrp created this task.Nov 11 2019, 11:32 AM
Restricted Application added a project: WMDE-FUN-Team. · View Herald TranscriptNov 11 2019, 11:32 AM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
• chrp updated the task description. (Show Details)Nov 11 2019, 12:49 PM
• chrp added a parent task: T237964: 🎬 wikipedia.de-02 | Campaign setup – ⏰ 29.11..
• chrp renamed this task from 🎬 wikipedia.de-02 | Prepare banners – ⏰ 21.11. to 🎬 wikipedia.de-02 | Prepare banners – ⏰ 25.11..Nov 18 2019, 1:40 PM
• chrp renamed this task from 🎬 wikipedia.de-02 | Prepare banners – ⏰ 25.11. to 🎬 wikipedia.de-02 | Prepare banners – ⏰ 27.11..Nov 18 2019, 2:00 PM

Till Mletzko: es kann sein, dass wir "lediglich" die umbrüche des responsiven banners testen

• chrp added subscribers: JanJaquemot, tmletzko.Nov 21 2019, 2:03 PM

@tmletzko @JanJaquemot Would be good to have specs for this one before you start speccing desktop-de-14 as this one needs to go live earlier as well.

• chrp triaged this task as Medium priority.Nov 21 2019, 2:03 PM
kai.nissen updated the task description. (Show Details)Nov 22 2019, 11:12 AM
kai.nissen updated the task description. (Show Details)
tmletzko renamed this task from 🎬 wikipedia.de-02 | Prepare banners – ⏰ 27.11. to 🎬 wikipedia.de-02 | Increase size for usability on larger viewports – ⏰ 27.11..Nov 25 2019, 1:50 PM
tmletzko updated the task description. (Show Details)
kai.nissen subscribed.Nov 25 2019, 2:13 PM

@tmletzko The banners mentioned differ in height. The one from a previous test on wikipedia.de is 360px, the one on wikipedia.org is 460px high. Which one is the desired height?

tmletzko added a comment.Nov 25 2019, 2:19 PM

take the 360px as the basis since that is the initially banner from wp.de

kai.nissen added a comment.Nov 27 2019, 12:17 PM

@tmletzko, @JanJaquemot

I increased the button height, the spacing between buttons, the font size of the button labels and the form width for viewport widths of 1600px and up. The banner would keep the height at 1900px. Increasing the font size of the banner text would lead to higher banners. Please have a look.

wpde-1600px.png (362×1 px, 150 KB)

wpde-1900px.png (363×1 px, 208 KB)

tmletzko added a subscriber: • Tobias_Schumann_WMDE-ext.Nov 27 2019, 2:42 PM

It is hard to tell which banner performs better. VAR seems to be slightly better than CTRL. Any objections to taking VAR? @JanJaquemot @Tobias_Schumann_WMDE-ext

kai.nissen renamed this task from 🎬 wikipedia.de-02 | Increase size for usability on larger viewports – ⏰ 27.11. to 🎬 wikipedia.de-02 | Increase size for usability on larger viewports – ⏰ 28.11..Nov 27 2019, 6:17 PM
kai.nissen updated the task description. (Show Details)
kai.nissen moved this task from Incubation to Heap on the WMDE-FUN-Funban-2019 board.
kai.nissen updated the task description. (Show Details)Nov 28 2019, 11:51 AM
kai.nissen updated the task description. (Show Details)Nov 28 2019, 11:56 AM
gabriel-wmde claimed this task.Nov 28 2019, 12:20 PM
gabriel-wmde moved this task from Heap to Doing on the WMDE-FUN-Funban-2019 board.
gabriel-wmde added a comment.Nov 28 2019, 6:05 PM

You can have a look at
https://wikipedia.de/?banner=B19WPDE_02-191129_ctrl
https://wikipedia.de/?banner=B19WPDE_02-191129_var

kai.nissen added a comment.Nov 29 2019, 10:52 AM

Thanks, @gabriel-wmde! Some minor things:

  • The hover states for form buttons and the close button are not implemented (see T239330).
  • The click track ratio should be increased in the variant banner, too.
  • The spacing between the payment type buttons and the submit button should be increased, too.
kai.nissen added a comment.Nov 29 2019, 11:39 AM

Another thing that was missing in the task description: The control banner should add the following text parts in viewport widths of 1900px and above:

  • “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.”
  • “, damit Wikipedia weiter wachsen kann.”
gabriel-wmde added a comment.Nov 29 2019, 2:05 PM

Updated the banners, please recheck

kai.nissen added a comment.Nov 29 2019, 2:11 PM

Looks good to me now. The submit button does not have a hover effect, but that is lacking definition by UX. I'd say let's start without it.

tmletzko added a comment.Nov 29 2019, 2:15 PM

yup, good to go.

kai.nissen removed gabriel-wmde as the assignee of this task.Nov 29 2019, 5:49 PM
kai.nissen moved this task from Doing to Code Review on the WMDE-FUN-Funban-2019 board.
kai.nissen added a subscriber: gabriel-wmde.
tmletzko moved this task from Code Review to Done on the WMDE-FUN-Funban-2019 board.Nov 30 2019, 8:51 AM
kai.nissen closed this task as Resolved.Jan 9 2020, 5:47 PM
kai.nissen claimed this task.
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits