Currently an invite is shown for users trying to create an article. The invite lets them know that Content translation beta feature exists, and encourages to try it.
{F28209153, width=50%}
As Content translation graduates out of beta we want to still let editors know that translating is an alternative available for them. We want also to update the approach to, while still informing users, make the experience less distracting for users not interested in the tool.
# Proposed solution
In order to achieve this, we want the updated invite to follow these considerations:
- **Not getting in the way of the default action.** The invite is shown at the bottom of the viewport to avoid covering the main information of the page. It provides an alternative displayed after the UI for the default path (starting from scratch) is shown. In addition, as the user starts typing, the invite becomes more compact (understanding that the user preferred to start from scratch).
- **Shown only once.** Now that Global preferences are available, we can make sure that once the user replied once (accepting or closing), the user will not see the invite again for any other language.
- **Shown only to multilingual users.** Compact language links allow us to know if a user has navigated across languages. That can be used to show the invite only to users that have accessed more than one language.
- **Don't show to existing Content translation users.** If the user has ever started a translation they already know the tool and we don't need to show the invite.
- **Don't show if it is the very first time for the user in the editor**. The first time the user access the editor other welcome messages and tutorials appear and we don't want to interfere with those.
[[ https://overflow.io/s/FWK5LQ/ | This interactive user flow ]] illustrates the proposal.
**Invite at the bottom of the new article page**
When users start to create a new page, if the above considerations are met, a non-blocking dialog appears at the bottom of the viewport.
| Invite | Translation dashboard |
|---|---|
|{F28244363, size=full}| {F28244440, size=full}|
The dialog shows the following text:
> **Start with a translation instead?**
> Create a new article by translating from another language you know.
> [Start translating]
- The dialog will appear with a transition for both opacity (going from transparent to opaque), and vertical position (moving 40px from the bottom with an ease-out acceleration). The transition will take 0.25s and will start with a 0.5s of delay.
- The "Start translating" action will lead the user to the Content translation dashboard with the search box ready to start a new translation.
-- The "Start translating" action will also activate the future invite to the "Contributions" page (which is covered in a separate ticket: T216498).
- The "X" close icon will discard the dialog.
- Either of the above options (accept or close) will make the dialog not to appear again for the user in the future, on any language.
**Compact when typing**
If users starts typing, the invite will become compact to (a) show only the first line of text, and (b) make the button frameless. Supporting the change with a transition will make it more fluent.
|Expanded version (default)|Compact version (when the user types)|
|---|---|
|{F28244363, size=full}|{F28244365, size=full}|
# Follow-ups
This ticket captures the basic approach. There are two follow-up improvements that are supported by separate tickets:
- Surface the specific article for the translation if we can guess it.
- T216498: Show an invite for users to discover the contributions page.