Page MenuHomePhabricator

[EPIC] Quickview/Search Preview panel on the special:search page
Closed, ResolvedPublic

Description

Readers are interested in finding content they are looking for. MVP of Quickview/Search Preview 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:
  • 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 PRD, 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

Quickview/Search Preview will initially be released to PT, RU, and ID wikis.

Related Objects

StatusSubtypeAssignedTask
ResolvedNone
ResolvedNone
DuplicateNone
ResolvedNone
ResolvedSimoneThisDot
ResolvedSneha
InvalidNone
OpenNone
InvalidNone
ResolvedSeddon
ResolvedSimoneThisDot
DuplicateNone
OpenNone
ResolvedSimoneThisDot
ResolvedSimoneThisDot
ResolvedSeddon
OpenSneha
OpenNone
OpenSneha
ResolvedSimoneThisDot
Resolvedvadim-kovalenko
ResolvedSimoneThisDot
ResolvedSimoneThisDot
ResolvedSeddon
ResolvedAklapper
ResolvedRaymond
DeclinedSimoneThisDot
ResolvedSimoneThisDot
OpenNone
ResolvedSimoneThisDot
Resolvedcchen
Resolvedcchen
ResolvedNone
ResolvedSneha
ResolvedSimoneThisDot
Resolvedvadim-kovalenko
ResolvedSimoneThisDot
ResolvedSimoneThisDot
ResolvedSimoneThisDot
ResolvedSimoneThisDot
ResolvedBUG REPORTSimoneThisDot
ResolvedSimoneThisDot
OpenNone
Resolvedmatthiasmullie
OpenNone

Event Timeline

There are a very large number of changes, so older changes are hidden. Show Older Changes

Additional requirement:

When vue.js is not available, metadata remains displayed with search result (maybe adopt the style from mediasearch).

@Seddon I guess you are referring here to the the epic about the table of contents https://phabricator.wikimedia.org/T306630?

  • Add article table of contents - T306341

@Seddon I guess you are reffering here to the the epic about the table of contents https://phabricator.wikimedia.org/T306630?

yes! Good catch!

CBogen renamed this task from [EPIC] Quickview panel on the special:search page to [EPIC] Quickview/Search Preview panel on the special:search page.Aug 26 2022, 3:11 PM
CBogen updated the task description. (Show Details)