Page MenuHomePhabricator

Improve discoverability of contribution options for experienced users in the new tabbed interface
Open, MediumPublic

Description

Problem statement

Users with previous editing experience automatically land on the "View contributions" tab in the new interface, but this tab doesn't display the contribution options that have been moved to the "Contribute" tab. This creates a discoverability issue where experienced users might not find the various ways they can contribute.

Background:

We are rolling out a new contribute menu (T322740) with a tabbed interface containing two primary tabs:

  1. Contribute tab - Shows various contribution options/methods
  2. View contributions tab - Shows users' past contributions

Currently, the system directs users to different tabs based on their editing history:

New users (no prior edits) → "Contribute" tab
Experienced users (with prior edits) → "View contributions" tab

The issue is that experienced users no longer see contribution options by default as these options exclusively appear in the "Contribute" tab.

Proposed solution
  1. Add a "+ New contribution" button within the "Past contributions" tab.
  2. Update tab naming for improved clarity:
    • Change "View contributions" to "Past contributions" for better descriptiveness
    • Keep "Contribute" tab name as is, as it clearly communicates purpose
Implementation details:
Section 1.png (1×3 px, 306 KB)
Section 2.png (906×1 px, 75 KB)
  • Component: Button with:
    • weight: "normal"
    • icon: "add"
    • label: "New contribution"
    • size: "medium"
    • action: "progressive"
  • Placement: Insert below user account information and above the contributions list
  • Spacing: 16px top/bottom margins, aligned with the content container
  • Behavior: On click, navigate to "Contribute" tab
  • Tab labels: Update to "Contribute" and "Past contributions"

Event Timeline

PWaigi-WMF triaged this task as Medium priority.Apr 14 2025, 3:11 PM
PWaigi-WMF moved this task from Incoming to Prioritized on the LPL Hypothesis board.

@SGautam_WMF

Add a "+ New contribution" button within the tab showing past contributions on desktop only, ...

What do you mean by "desktop only" here? Should it be visible on vector but not on minerva? Or is it more about the space it takes on small screen so only visible from min-width: 640px or so?

...using Codex components.

Codex is not yet available in this context. It would have to be a regular OOUI button but it looks similar.

Change #1136435 had a related patch set uploaded (by Sbisson; author: Sbisson):

[mediawiki/core@master] Add "New contribution" button to Special:Contributions

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

@SGautam_WMF

Add a "+ New contribution" button within the tab showing past contributions on desktop only, ...

What do you mean by "desktop only" here? Should it be visible on vector but not on minerva? Or is it more about the space it takes on small screen so only visible from min-width: 640px or so?

...using Codex components.

Codex is not yet available in this context. It would have to be a regular OOUI button but it looks similar.

Thanks for pointing this out, looking into it.

Thanks @SBisson that feedback helped me think through the use of button for smaller devices. Earlier I thought that tab would be discoverable on smaller devices but then I didn't think through range of them so yeah so updated about them in the task description.

@SGautam_WMF about the button style, you can see the options for OOUI ButtonWidget. The closest is "progressive" but it's not identical. Should we use it as-is or custom style it to be just like your mock up?

@SGautam_WMF about the button style, you can see the options for OOUI ButtonWidget. The closest is "progressive" but it's not identical. Should we use it as-is or custom style it to be just like your mock up?

Sure, we can try using the progressive one and see how it looks. Will we be able to add "+" icon in there too?

Looks fine to me, can we try with normal weight of the text?

@SGautam_WMF yes, it took some specificity but this is what it looks like:

Screenshot 2025-04-15 at 10.10.16 AM.png (850×1 px, 195 KB)

@SGautam_WMF yes, it took some specificity but this is what it looks like:

Screenshot 2025-04-15 at 10.10.16 AM.png (850×1 px, 195 KB)

Looks good to me

Change #1136435 merged by jenkins-bot:

[mediawiki/core@master] Add "New contribution" button to Special:Contributions

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