Readers are interested in finding content they are looking for. MVP of Quickview panel is to help surface key information of a result in a quickview panel the special:search page to increase discoverability and make relevance judgment easier for readers. This is integrated in the existing user flow: a user gets to the special:search page after, for example, doing a search in the go bar and not getting an exact article match. User gets an option to explore a quickview panel for a search result displaying with key information with a possibility of a click through.
The quickview panel visually separates information specific to an individual search result (e.g. table of contents, metadata, interwiki links, etc), from information about search itself: e.g. sister search, which searches for the same query on different projects; number of results; Did You Mean suggestions; etc. Quickview is a drilldown into a specific search result.
Use Cases
---
As a reader, I want to get better discoverability of content through relevant information from articles being surfaced to find what I am looking for.
Requirements
---
- Each search result can be expanded into a quickview panel, which shows information specific to that search result
- User can click through on a search result to go to the article without going to a quickview panel
- Display relevant/descriptive content for results in a quickview panel: https://phabricator.wikimedia.org/T306898
- Click through a bit of content in a quickview panel can bring to:
- Top of an article page for titles, place in the article where the image exists for images, etc.
- A section of an article (article section match - https://phabricator.wikimedia.org/T306630 )
- Page of a wiki project https://phabricator.wikimedia.org/T307085
- Quickview panel does not create regression for contributors (TBD)
- Quickview panel does not slow down mobile experience: quickview load time (OUT of scope for QuickView MVP first phase)
- People have an option to turn off the quickview panel https://phabricator.wikimedia.org/T311667
Tasks
---
* Add barebones vue to special:search - T307053
* Initial MVP quick view panel - T306898
* Add extended snippet - T307052
* Add article images - T307058
* Add sister project result (based on wikidata) - T307059
* Add section title and images - T307061
* Add article table of contents - T306630
* Add search navigation and hotkey navigation - T307051
Other information
---
See [[ https://docs.google.com/document/d/1jzZ_K9U4HaPNtffGam7Ca6fNwxszFS331kS8FLdwxQk/edit#heading=h.230kge4z7gnp | PRD ]], [[https://docs.google.com/presentation/d/1Rz-mOGxtc9f2nRujbdSF3E1Kqwz-kDKxHyJUS95dtPA/edit#slide=id.g124f8134935_0_39 | design brief ]] and tasks for more information
This work is an extension to the UI improvements on special:search https://phabricator.wikimedia.org/T306626
wireframes: https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=870%3A11856