Page MenuHomePhabricator

Surfacing Structured Tasks: dialog / pop-up suggestion
Open, HighPublic5 Estimated Story Points

Description

User Story:

As a newcomer (logged-in Wikipedia account holder with zero edits), I want to receive a clear explanation of the edit suggestion, so I can decide whether I'm interested in making the edit.


Task scope:

Create an EditCheck-like popup to prompt the user to start the edit recommendation.

If the user clicks / taps "Yes" on the popup, trigger the usual Add-a-Link VE interface

If the user clicks / taps "No" on the popup, then minimize the suggestion.

If the user clicks / taps outside of the popup, then minimize the suggestion.


The opt-out work is post alpha release.


Design:

Design for sprint demo—minimal UI

A1 (1).png (1×1 px, 214 KB)

Design for Alpha release

B2 (1).png (1×2 px, 298 KB)

Figma file here

Background

Current full-page editing experiences require too much context, patience, and trial and error for many newcomers to contribute constructively. To support a new generation of volunteers, we will increase the number and availability of smaller, structured, and more task-specific editing workflows (E.g. Edit Check and Structured Tasks). The Growth team will primarily focus on Structured Tasks, while working closely with the Editing team to ensure our work integrates well with Edit Check.

This project aims to address the following user problem: Getting started editing on Wikipedia is difficult and especially frustrating on mobile devices. I want the editing interface to provide the in-the-moment policy and technical guidance I need, so my initial efforts aren't reverted.

This project aims to achieve the following user outcome: As a new Wikipedia volunteer, I feel confident and enthusiastic about contributing to the Wikimedia movement by editing Wikipedia articles. The tools provided guide me step-by-step, limit distractions, and allow me to learn progressively so I can successfully contribute on my mobile device.

As part of the Growth team 2024/2025 Annual Plan, the Growth team will explore various ways to increase constructive activation on mobile. This is part of the Wikimedia Foundation 2024-2025 Annual Plan, specifically the Wiki Experiences 1.2 Key Result

Acceptance Criteria

Given there is a link suggestion for a particular article,
When a certain action is complete (clicking on highlighted text for example),
Then a dialog explaining the task is surfaced

  • When Yes is selected, then I navigate to the "Add a Link" VE interface
  • When No is selected, then the pop-up is dismissed
  • When a user taps outside of the pop-up, then the pop-up is dismissed.

Event Timeline

KStoller-WMF moved this task from Up Next to Backlog on the Growth-Team board.
KStoller-WMF set the point value for this task to 5.Tue, Oct 29, 4:22 PM

Change #1087946 had a related patch set uploaded (by Michael Große; author: Michael Große):

[mediawiki/extensions/GrowthExperiments@master] [WIP]: Show minimal surfacing popup on click on highlight

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

Change #1087946 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Show minimal surfacing popup on click on highlight

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

This should be testable on beta-enwiki. Reminder that the feature is only enabled for new accounts with 0 edits.

This should be testable on beta-enwiki. Reminder that the feature is only enabled for new accounts with 0 edits.

I attempted to test, but I'm not seeing suggestions yet. Am I doing something wrong?

  1. I created a new account on en.wikipedia.beta
  2. I navigate to the Homepage and find an article with a "Add a link" suggestion.
  3. I navigate to the article via Search rather than via Suggested Edits
  4. I scroll through the article... but I don't see any highlighted link suggestions.

I'm testing on Chrome in incognito mode.

Am I doing something wrong?

This should be testable on beta-enwiki. Reminder that the feature is only enabled for new accounts with 0 edits.

I attempted to test, but I'm not seeing suggestions yet. Am I doing something wrong?

  1. I created a new account on en.wikipedia.beta
  2. I navigate to the Homepage and find an article with a "Add a link" suggestion.
  3. I navigate to the article via Search rather than via Suggested Edits
  4. I scroll through the article... but I don't see any highlighted link suggestions.

I'm testing on Chrome in incognito mode.

Am I doing something wrong?

Mh, from reading this: did you switch to mobile view?

image.png (231×906 px, 41 KB)

Otherwise, with an account with no edits and on Minerva (technically not using the mobile view but just switching your skin to Minerva in the preferences would also work), the suggestions should be showing, at least they did for me. If they do not show for you, then that is something to investigate!

You caught me, I totally spaced that we limited this to mobile. I'll switch to mobile and try again.

I'll let @Etonkovidova complete a more thorough QA, but from my limited testing this is looking good. :)
👍 The highlight loads immediately; I'm not noticing any awkward delay.
👍 I reviewed several articles and the highlighting matches the designs and works as expected.
👍 The popup is pointing to the link suggestion.
👍 The popup is easily dismissible as expected (dismissed if I click No, x, click outside of the pop-up, or scroll away).

Screenshot 2024-11-19 at 3.39.34 PM.png (630×986 px, 159 KB)

Question for @Michael:

From what is testable in Beta, we are using the copy and approximate UI for the "sprint demo" designs.
My understanding is that the "alpha release" designs might require an additional API call to get the article title, image, and short description, right? Would it be fairly easy to move the to "alpha release" designs, or is that enough work that you are thinking we might want to reduce scope for the alpha release?

Tested on enwiki betalabs - looks/functions according to the Acceptance criteria.

What was checked

  • different link locations
  • the quality gate is working for the surfacing structured edits - yes

QA notes:
(1) the current Add link has both buttons in inactive state and the figma design also shows the No and Yes button as inactive. The alpha release shows Yes button as active

inactive Yes buttonalpha release - Yes is active
figma design
Screen Shot 2024-11-19 at 2.38.07 PM.png (1×668 px, 198 KB)
normal Add link
Screen Shot 2024-11-19 at 2.41.50 PM.png (820×710 px, 142 KB)
Screen Shot 2024-11-19 at 2.38.28 PM.png (624×820 px, 136 KB)

(2) If a user clicks not on the first link, the opened Suggested editing surface refers to the first link, not to the link that a user clicked on.

Thanks for the quick testing and notes @Etonkovidova !

(1) the current Add link has both buttons in inactive state and the figma design also shows the No and Yes button as inactive. The alpha release shows Yes button as active

This was a recent design change, so we created a follow-up subtask: T380296: Surfacing structured tasks: buttons in pop-up should be both neutral

(2) If a user clicks not on the first link, the opened Suggested editing surface refers to the first link, not to the link that a user clicked on.

I logged a task to cover making a decision and updating designs as needed for this scenario:
T379854: Surfacing "add a link" from an Article: link UX

That task needs some more discussion with engineers so we can decide what is acceptable for the alpha release.