Background and context
This ticket describes the UI for the section-level image suggestion notifications. Refer to the epic for more context and background T318017. This ticket also builds up on the previous article-level image suggestion notification UI in T292147
Goal
Notify experienced users of images that are a good fit for articles in their watchlist so they may choose to add them.
Proposed design
- The section level image suggestion should appear as a notice similar to image level notification
- Replace the word “media” to “image” in the current article-level notification copy
- Replace the “Review media” button to “Review image” in the current article-level notification
- The notification contains the name of the unillustrated article that the image is matched to
- Clicking on the general single notification space takes users to the file page of the suggested file in commons.
- Clicking on “Review image” button in all scenarios below takes the user to the file page of the suggested images in commons
- Clicking on “View article” button in all scenarios below takes the user to the article for which image is suggested
- Clicking on the “View section” button in all scenarios below takes the user to the article section for which image is suggested
- Clicking on the “Help” button in all scenarios below takes the user to the respective help page in that language wiki. Some of those links are available in T292310 and the rest in T331036
Scenario 1 (Single article-level)
If the article only has an image-level suggestion
- Show the article level image suggestion notification
Scenario 2 (Single section-level)
If the article only has a single section-level image suggestion
- Show the notification with copy and CTA matching the mage below
Scenario 3 (Grouped)
If the article has article-level and section-level image suggestions or any combination of multiple suggestions for the same article.
- Show them in a grouped notification as shown in the image
Collapsed:
Expanded:
Opening and closing grouped notifications
- Clicking on the general notification space or “View X suggestions” button expands the notification
- Show the number of sub-notifications in the “View X suggestion” copy.
- When the group is opened change the CTA to “Collapse”
Sub notifications
- Clicking on the sub notification space takes users to the file page of the suggested file in commons
- Clicking on the three dots in sub notifications show the “View article” or “View section” button depending on what the suggestion is for.
- The help button also appears under the above CTA for all sub notifications.
- If the suggestion is article level copy should say “View image suggestion for the Article name”
- If the suggestion is for section copy should say “View image suggestion for the section Section name”
- The article level suggestion appears first in the sub notifications as shown in the image above
- All the section level suggestions appear in the order in which the sections appear as shown in the image above.
Mobile notification UI can be found here in Figma
















