As part of the work to support Custom translation suggestions (T113257), the initial iteration is about exposing the option for users to customize the list of suggestions.
This involves the following elements:
- Filter status. Showing at the suggestions list which is the active filter and options to change it.
- Adjust suggestions view. A view listing topic areas in different categories for the user to pick.
More details about each element below. You can also inspect the designs in Figma
Filter status
The filter status is a short list of filter options where three elements are shown:
- The default filter. Which is the option selected initially in the absence of URL parameters or previous changes by the user. This will be "For you" if the user has previous edits that can be used as seed articles, or "Popular topics" if not.
- The quick alternative. It is another filter option the user can just switch to by taping on it. It represents the next option that will be available if the user access the full list of filters, but provided directly. If the default filter is "For you", the quick alternative will be "Popular topics".
- Access to all filters. An icon with 'More' label chip using the Ellipsis icon from Codex provides access to the "Adjust suggestions" view (see section below for more details).
The filters will be supported using a FilterChip component. This type of component was discussed for the incorporation into Codex (T324223), but unlike the InfoChip, it has not been implemented yet.
Adjust suggestions view.
The "Adjust suggestions" view provide access to all the filters for the user to select the one to activate. The view is composed of the following parts:
- Header. An 'Done' button action to confirm topic selection, a close using the Close icon to discard topic selection, and an "Adjust suggestions" title provides context to the users.
- Filter group title. Filters are organized in different groups. The initial group, "Automatic" is a special group since it does not represent a specific topic area. The rest of the groups are based on the ORES taxonomy (more on this below).
- Filter tags. FilterChip components
Responsive adjustments
The Adjust suggestions view will be supported as a dialog on wider screens, and taking the whole viewport on narrow screens.
Future iterations
The "Adjust suggestions" view is designed to provide flexibility for users to define the knowledge gap they are interested in as narrow or broad as they want. However, this ticket covers only the basics where only one topic area can be selected. Tickets for future iterations will expand the support with multi-selection, searhing and additional filtering options.
Filter taxonomy
The specific filters ("Architecture", "Arts", etc.) and the way they are grouped ("Culture", "Geography", etc.) is based on the Growth Newcomer Task project