Why are we doing this?
As we will be utilizing a paginated format to deliver articles, we want to make it easy for users to quickly take action on an article they have opened on first load of the article. We also want to make sure that the key information that allows a user to understand if they have navigated to the correct article is available on this first article page view.
As a user, when I land on a Wikipedia page, I want to see the title of the page, an image, a short description so that I know what I am going to read
Lead article image
Title of article
|Title page with lead image||Second icon selected||Title page without lead image||Three line title||5+ line title|
|Screen||D-pad center||D-pad up/down||D-pad left/right||LSK||RSK|
|Article header||Selects focused link||Up- N/A, Down - Moves to next page in article||Cycles through header options (and links if there is no lead image)||Returns to search results||Opens menu|
- If the article has a lead image will will not show any of the introduction text
- If an article does not have a lead image we will show the first few lines of the introduction text
- If there is no Wikidata / title description, the line and line space will be removed
- On first load focus is placed on the first quick link (Sections) and using the hardware left and right keys shifts selection on these quick links
- If the article does not have a lead image, after the user has tapped the hardware right key two times, the cursor focus will be shifted to the first link in the introduction text
- Cursor focus should loop through suggestions (eg. tapping right after the last link on the page should bring the focus back to the first link)
- Titles truncated after 5 lines
- 5 line titles receive a color fill based on the lead image (if available) rather than a lead image