Background
The Wikipedia Watchlist feature is a personalised tool that allows users to track changes and updates to their selected articles, making it easier to stay informed about specific topics of interest. By bringing this feature to iOS, it enhances the user experience, allowing for seamless access to real-time information and fostering greater engagement with Wikipedia's vast knowledge base. The integration into iOS devices ensures that users can conveniently monitor and contribute to the ever-evolving content on Wikipedia, bolstering the platform's collaborative nature and accuracy.
Design Requirements
- Create 2 high fidelity variant mockups of a proposed home for the Watchlist feature in iOS based on discussions heard in the design review. Let us remain flexible on the potential home of the iOS watchlist.
- Create 2 variants of contextual actions: Design easily accessible contextual actions for each list item, such as "View Recent Changes," "Compare Revisions," and "View History." Ensure these actions are both visually appealing and functional. This basically means, show what happens when (for example) the user selects the user profile. What screen do they see? Or (for example) if the user does the "thank" functionality, how does that look like? This is what is referred to as contextual actions.
- Show how the User Context look like in German with icons so that we can see what a longer language like German looks like. Some of the screens that can be displayed to demonstrate this include:
The importance of this feature will be for product to make a decision and then collaborate to iterate the selected designs.
Technical Requirements
- Hook into account settings
- Cell UI
- Sectioning
Design
⚠️ Please make sure to check Figma for the latest mocks, as the ones below might be outdated.
| 1) Watchlist home {F37160495} | 2) User context menu {F37160499} | 3) Empty + logged in {F37160502} | 4) Logged out {F37160504} | 5) Account creation  | 6) Filtering {F37160506} | Filtering empty {F37160510} | 7) User page  | 8) User talk  | 9) User contributions  | 10) Thanks  |
Notes:
- ⚠️ Disclaimer: The above design features a search bar, which won’t be implemented in V1. It’s showcased to inform engineering about its positioning.
- The Watchlist features all items from a user’s app language plus items from Wikimedia Commons and Wikidata
- Tapping an entire Watchlist item takes users to a diff view of the edit (T335579)
- Empty states
- If the user is logged in but has no items on their Watchlist yet, an empty state is shown (3) with a CTA that leads users to the 'Explore' tab
- If the user is logged out, a teaser for account creation is shown (4, 5)
- Tapping the username reveals a contextual menu that leads to the in-app web view of the user page (7), native user talk page (8), in-app web view of a user’s contributions (9) or triggers a 'Thanks' dialog, that works the same way as implemented in the edit detail view of revision history (10)
- The new design (1) is based on the existing revision history list design and adds:
- Search (for V2, the above designs should just give an idea of where search will be positioned)
- The title of the item (e.g. Polar bear)
- The project of the item as an icon (Language, Project [Wikidata, Commons]
- User menu as buttons for contextual actions (2)
Color annotations
 |  |  |  |
