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:
- Contribute tab - Shows various contribution options/methods
- 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
- Add a "+ New contribution" button within the "Past contributions" tab.
- 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:
- 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"
Derived Requirement
Update the new tabbed interface in the Contribute menu to improve discoverability for experienced users by:
- Renaming the "View contributions" tab to "Past contributions".
- Adding a "+ New contribution" button to the "Past contributions" tab.
- Ensuring the button is visually styled and positioned according to specifications and redirects users to the "Contribute" tab on click.
Test Steps
Test Case 1: Ensure the tab label is renamed to 'Past contributions and ensure '+ New contribution' button is visible in 'Past contributions' tab'
- Log in to beta wiki with an account that has prior edits.
- Navigate to the Contribute menu interface (e.g., from user menu or toolbar).
- ✅❓❌⬜ AC1: Confirm that the tab previously labeled "View contributions" is now labeled "Past contributions" and confirm that a button labeled "+ New contribution" appears below the user info and above the contributions list..
Test Case 2: Ensure the button styling matches design specs
- Inspect the "+ New contribution" button.
- ✅❓❌⬜ AC2: Confirm the button has:
- weight: normal
- icon: add
- label: "New contribution"
- size: medium
- action style: progressive
- 16px margin above and below
- aligned with content container
Test Case 3: Ensure the button redirects to 'Contribute' tab
- Click the "+ New contribution" button.
- ✅❓❌⬜ AC3: Confirm that the user is navigated to the "Contribute" tab and can see available contribution options.
QA Results - Test Beta
AC | Status | Details |
---|---|---|
1 | ✅ | T391494#10861671 |
2 | ✅ | T391494#10861671 |
3 | ✅ | T391494#10861671 |