#### 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.
#### The Task
Task summary: Develop a cohesive visual design for the Watchlist home and contextual actions, aligning with the iOS design language and Wikipedia's brand identity. Use appropriate typography, color schemes, and iconography to ensure a consistent user experience.
#### 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.
The importance of this feature will be for product to make a decision and then collaborate to iterate the selected designs.
#### References
[[ https://docs.google.com/presentation/d/1XnhtnsZxrVBgaV8byqR60Q6oGIDBdBuOI1_urGfhHPQ/edit#slide=id.g23a22c76927_0_0 | Slide 17 of the iOS watchlist deepdive ]]
{F36968595}
#### Design
⚠️ Please make sure to check [[ https://www.figma.com/file/YFtut34Eaq3vwS0lJQPbbE/iOS-Watchlist?type=design&node-id=176-9196&t=fMmP6Jl3TtqufVD7-4 | Figma ]] for the latest mocks, as the ones below might be outdated.
| **1)** Watchlist home {F36992482} | **2)** User context menu {F36992486} | 3) Empty + logged in {F36992491} | **4)** Logged out {F36992494} | **5)** Account creation {F36992526} | **6)** Preview: Filtering {F36992496} | Preview: Filtering empty {F36992498} | **7)** User page {F36992500} | **8)** User talk {F36992502} | **9)** User contributions {F36992504} | **10)** Thanks {F36992506}
**Notes: **
- Disclaimer:
- Where the Watchlist will be positioned is going to be determined in a design sprint in the weeks of May 15-29
- The above design feature a search bar and filter entry point, which will not be implemented in V1. They’re 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 and filter (for V2, the above designs should just give an idea of where search/filter 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)