Roadmap

Draft Timeline

Part 1: Design and Copy Finalization

Goal: Finalize Donate button design and prepare for implementation.
Tasks:

• Finalize design with all necessary assets and states (e.g., hover, click, loading).
• Review design for accessibility (color contrast, screenreader compatibility).
• Gather fundraising copy for Donate button text. T383587

Part 2: Instrumentation

Goal: Define metrics for tracking the Donate button’s success and impact.
Tasks:

• Define success metrics for the Donate button. T383608

Identify accidental clicks metrics (existing or new). T383618

Part 3: Engineering Enablers

Goal: Address any technical challenges or prerequisites.
Tasks:

• Build proof of concept for Donate button and conditionally render for initial testing. T383630
• Mitigate GIF Loading Delays for Donate Button T383626
• Research and define “native lazy load” implementation. T383726

Part 4: Initial QA

• Validate Language-Specific Donate Button URLs and Text and Layout T383629

Part 5: Accessibility Testing

Goal: Ensure a smooth and inclusive user experience. T383722

Tasks:

• Test animations for accessibility compliance.
• Test alt text for the button is screenreader appropriate.
• Explore opt-out mechanisms for animations (if included).

Part 6: Implementation

Goal: Convert proof of concept to final
Tasks:

• Implement Donate button UI. T383732
  • Ensure the button is responsive across mobile devices.
  • Integrate button tracking metrics into existing infrastructure.
  • Implement dynamic language support for the donate button

Part 7: Functionality Testing

• Repeat Validate Language-Specific Donate Button URLs and Text and Layout

Part 8: Deployment

Deploy Donate Button T383733

Post Rollout Validation: A/B Testing (Validation Phase)

Goal: Validate the effectiveness of the implemented button design and functionality.
T383734

• A/B test: Compare current vs. new donation entry point for anonymous users.
• A/B test: Test variations of the implemented Donate button design.

Thanks so much for this, Kim. This is really thorough and excellent to my eyes. I don't foresee any more design changes for the first phase of this, so we can mark that one complete. One thing to note is that the "fundraising copy" in phase 1 is a dependency on the fundraising team. Translations are also probably missing in there. Otherwise it looks great! Thanks again.

Change #1124168 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/WikimediaEvents@master] Click tracking: Support clicking on labels

https://gerrit.wikimedia.org/r/1124168

Hi, not sure if there's somewhere better to raise this but I checked the new donate link on https://en.m.wikipedia.beta.wmflabs.org/ and it doesn't include the wmf_key=minerva which is on the current link. We need that to be able to distinguish Minerva and Vector donations on the fundraising side.