Quick view panel allows users to drill down into a specific search results. Surfacing key information for each of the results in the quick view allows users to find and discover relevant content within the article or go directly to the desired section. The quick view serves multiple purpose 1) Find relevant information 2) Discover related content
**User story
for Relevance**
When I am looking at the results on the Special:Search page …
… I want to be able to see key information,
… so that I can evaluate the relevance of various search results and find the information I was seeking..
**User story
for Discovery**
When I am scanning the results on the Special:Search page …
… I want to be able to discover relevant information,
… so that I do not overlook information that might otherwise be left undiscovered.
**Quick view on mobile**
Quick view panel on mobile will keep the user on the same page while they are navigating through their search results. Quick view component on mobile will have similar content as on the [[ https://phabricator.wikimedia.org/T306898 | Desktop quick view panel ]], but in a mobile friendly format.
**Notes on design**
[] The height of the quick view panel will be fixed as shown in [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=3126%3A46227 | Figma ]].
[] Each key information (listed below) has its own card.
[] The cards scroll horizontally. No snapping i.e. it is a continuous smooth scroll and no looping i.e. when at the last card the user will have to swipe back to go to the first card.
[] Spacing between cards as specified in [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=3126%3A46227 | Figma ]].
[] All cards have subtle colour border with 2px radius.
[] The cards should appear in the following order: Image, Wiki Data description, Sections in the article, images from commons.
[] Do not show the card if there is no information available for that card.
[] If no information is available for any of the cards do not provide access to quick view i.e. no arrow will be shown for that result.
Missed AC added on Dec 15
[] Ensure that the quick view position (i.e. spacing above and below the quick view) matches the spec in [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=3126%3A46227&t=NHCQ6yKsD1gGs9LD-4 | Figma ]].
**Key information in the quick view panel: **
Article image - T320646
Wikidata description of the article - T320647
Table of content/Sections within articles - T320763
Related images from Commons - T321001
**Other quick view panel tickets:**
Showing arrows to open quick view - T320528
Opening and closing interaction for quick view - T320527