Page MenuHomePhabricator

Second design iteration: Surfacing "Add a Link" in read view
Closed, ResolvedPublic

Description

User Story:

As a logged in new Wikipedia account holder, I want to receive a simple edit suggestion within an article's read view, making it easy for me to confidently and successfully contribute.

Guardrail user story: As an experienced editor, I want newcomers to make successful first edits that add value to Wikipedia and aren't a burden to patrol.

Background

Our current experiment shows that many newcomers aren't noticing the suggestion, how can we explore making an edit suggestion more noticeable? Some ideas...

  • Make the call-to-action more noticeable: Instead of just highlighting text, consider a small tooltip, popover component, or inline banner that briefly explains the task (e.g., “Help improve this article by adding a link!” or

“Want to try your first edit? Here’s an easy one: Add a helpful link!”)

  • Use a more distinctive visual treatment: If the suggested link is too subtle, try making it stand out more (e.g., an underline, different color, or icon indicating it’s a task).

-A guided tour the first time a newcomer lands on a page with a suggestion.

  • Some other UI element to help draw more attention to the suggestion?

Project Details

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

Design

TBD

Acceptance Criteria
  • explore two or more design variations
  • share designs with PM + Design Review
  • share with Growth Ambassadors
  • add final designs to this task

Event Timeline

Two possible design variations were explored:

  1. Introduce a pop-up (more intrusive, but can draw more attention to the suggestion without needing to scroll) — see screenshot with annotations

Screenshot 2025-04-01 at 23.37.33.png (1,548×1,396 px, 358 KB)

  1. Introduce a light motion on the highlight to draw attention.

See https://animate.style/. We could use 'pulse', 'headShake', or another animation.