This ticket proposes to include a banner in the translation dashboard in order to minimize the impact of unexpected regressions. It is intended to serve the following purposes:
- Let users know that the dashboard was updated, and it comes with new features.
- Provide alternatives in case users face unexpected issues that would block their work otherwise.
Proposed solution
In order to achieve this, this ticket proposes changes to both, the old version of the desktop dashboard and the unified dashboard when accessed on desktop. Below, you can see mockups illustrating the proposed changes (check in Figma):
| Unified dashboard | Old desktop dashboard |
|---|---|
 |  |
Design details
Unified dashboard on desktop (and only on desktop):
- A banner in the style of the "experimental banner" from T270501 will be shown.
- An option to access the old dashboard will be added to the "Need help translating?" panel.
The banner uses the IconLabFlask icon form Codex and the following contents:
New capabilities available
Translate individual sections, adjust suggestions to your topics of interest, and more. Previously only on mobile, now available across all devices.
[Learn more]
[Access the previous version]
- "Learn more" leads to the Content Translation project page
- "Access the previous version" leads to the Content Translation talk page
At the "Need help translating?" panel, a new "Access the previous version" option will be added, using also the IconLabFlask icon. That will switch the user to the old dashboard.
Old dashboard
- A banner in the style of a Codex warning message will be shown.
- An option to access the new unified dashboard will be added to the "Need help translating?" panel.
The banner uses the Alert icon form Codex and the following contents:
The current dashboard version will be deprecated soon. Please, [use the new version] and [report any issues] you may find.
- "use the new version" will enable the new version of the dashboard.
- "report any issues" leads to the Content Translation talk page
Additional considerations
- The purpose of the unified dashboard is to provide a single dashboard for users. This temporary period is an exceptional measure to avoid breaking the current workflow from users. Having two versions results in fragmentation, and we want to keep this temporary period as short a possible.
- We may want to update the project pages to mention some of the relevant changes.
Derived Requirement
Ensure that banners are displayed on both the old and new translation dashboards to inform users about the transition and provide access to alternative versions and support resources.
- Unified dashboard (desktop only):
- Display an "experimental banner" informing users about new capabilities.
- Provide options to access the old dashboard via the "Need help translating?" panel.
- Include "Learn more" and "Access the previous version" links with the correct destinations.
- Old desktop dashboard:
- Display a warning banner about the upcoming deprecation.
- Provide an option to access the new unified dashboard in the "Need help translating?" panel.
- Ensure "use the new version" and "report any issues" links function correctly.
Test Steps
Test Case 1: Verify Banner Display on Unified Dashboard (Desktop)
- Navigate to the unified translation dashboard on a desktop device.
- Check if the "New capabilities available" banner is displayed.
- ✅❓❌⬜ AC1: The banner should appear with the correct text and the IconLabFlask icon.
Test Case 2: Verify Banner Links on Unified Dashboard (Desktop)
- Click the "Learn more" link.
- ✅❓❌⬜ AC2: The link should redirect to the Content Translation project page.
Test Case 3: Verify 'Need Help Translating?' Panel on Unified Dashboard (Desktop)
- Locate the "Need help translating?" panel.
- Click the "Access the previous version" option.
- ✅❓❌⬜ AC3: The user should be switched to the old dashboard.
Test Case 4: Verify Banner Display on Old Dashboard (Desktop)
- Navigate to the old translation dashboard on a desktop device.
- Check if the warning banner is displayed.
- ✅❓❌⬜ AC4: The banner should appear with the correct text and the Alert icon.
Test Case 5: Verify Banner Links on Old Dashboard (Desktop)
- Click the "use the new version" link.
- ✅❓❌⬜ AC5: The link should enable the new version of the dashboard.
- Click the "report any issues" link.
- ✅❓❌⬜ AC6: The link should redirect to the Content Translation talk page.
Test Case 6: Verify 'Need Help Translating?' Panel on Old Dashboard (Desktop)
- Locate the "Need help translating?" panel.
- Click the "use the new version" option.
- ✅❓❌⬜ AC7: The user should be switched to the new unified dashboard.
QA Results - Test Wiki
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T386118#10688042 |
| 2 | ✅ | T386118#10688042 |
| 3 | ✅ | T386118#10688042 |
| 4 | ✅ | T386118#10688042 |
| 5 | ✅ | T386118#10688042 |
| 6 | ✅ | T386118#10688042 |
| 7 | ✅ | T386118#10688042 |
