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

Assigned To

None

Authored By

	AUgolnikova-WMF
	Apr 18 2022, 1:31 PM

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:
- 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 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
Search...

Status	Subtype	Assigned	Task
Resolved		None	T307038 [Placeholder EPIC] SDAW Search Improvements
Resolved		None	T306341 [EPIC] Quickview/Search Preview panel on the special:search page
Duplicate		None	T306344 [Analytics] Metrics for the quickview panel
Resolved		None	T305864 Quickview skeleton
Resolved		SimoneThisDot	T306630 [M] Add table of contents to special:search page quickview panel
Resolved		Sneha	T307050 Design: Determine how we handle showing sections in Quickview when there is a long list, etc
Invalid		None	T306898 Quick View: Create a Special:Search quickview component
Open		None	T307051 [M] Desktop preview: Allow users to navigate between various previews with a next/previous button.
Invalid		None	T307052 [SPIKE] Quick View: Expand special:search text snippet
Resolved		Seddon	T307053 [L] Add barebones vue.js app to Special:Search
Resolved		SimoneThisDot	T307058 [M] Quick View: Add search result page images to quickview on Special:Search
Duplicate		None	T307059 Create sister project result widget and add widgets to quickview
Open		None	T307061 Quick View: Add section mentioned in the special:search results and its contents to the quick view.
Resolved		SimoneThisDot	T307085 [L] Quick View: Create wiki project interwiki link widgets and add to the quick view panel
Resolved		SimoneThisDot	T321078 [S] SearchPreview Instrumentation - Trigger an event when interacting with Interwiki Link section
Resolved		Seddon	T307560 [SPIKE] quickview panel vue.js implementation in Special:Search
Open		None	T307605 [M] Update how non-article namespace in search results are shown
Open		None	T307736 Performance review of Quickview panel on Special:Search (SearchVue extension)
Open		None	T311161 Design: consider if/how to show tabular/non-textual data from articles in quickview
Resolved		SimoneThisDot	T311644 [L] Quick View: Add search results snippet to QuickView panel
Resolved		vadim-kovalenko	T311669 [L] Tutorial/message to introduce quick view and inform users of quick view turn on/off option.
Resolved		SimoneThisDot	T321636 [S] [minor] Search Results preview - preferences link should re-direct to Special:Preferences#mw-prefsection-searchoptions
Resolved		SimoneThisDot	T311667 [M] Provide a quick view turn on/off preference setting.
Resolved		Seddon	T309932 [M] Create new SearchVue extension to contain Search Improvements augmentations
Resolved		Aklapper	T309934 Request for new SDAW-SearchVue Project Tag
Resolved		Raymond	T310246 Add Extension:SearchVue to translatewiki.net
Declined		SimoneThisDot	T313771 QuickView: Navigate between articles in QuickView on mobile
Resolved		SimoneThisDot	T306885 [L] Quick View: Enable users to open and close quick views on special:search page
Open		None	T311656 [SPIKE] Quickview for results from other language wikis
Resolved		SimoneThisDot	T310281 [M] Enable new hover states on special:search page results
Resolved		cchen	T307572 [M] Instrumentation for SDAW search improvements
Resolved		cchen	T324707 QA Search preview instrumentation
Resolved		None	T313866 Design: Improve the usability of quick view interaction on mobile
Resolved		Sneha	T313865 User testing to validate the usability of new features on special:search page
Resolved		SimoneThisDot	T310284 [L] Quick View: Create commons widget and add to the quickview panel
Resolved		vadim-kovalenko	T317950 [S] Update verbiage for "search preview" config
Resolved		SimoneThisDot	T317639 [L] Enhance the way the QuickView links searchResult to QuickView article
Resolved		SimoneThisDot	T318721 [S] Add conditional ellipses before the snippet in QuickView
Resolved		SimoneThisDot	T318646 [XL] Migrate State management to Pinia
Resolved		SimoneThisDot	T326174 Add Pinia to MediaWiki core
Resolved	BUG REPORT	SimoneThisDot	T318748 SearchVue - Always autoscroll the page to the first result
Resolved		SimoneThisDot	T323650 [L] Search preview - Open images in commons widget in Multimedia Viewer
Open		None	T324852 Review data to determine whether hovercards should be disabled with the introduction of search previews
Resolved		matthiasmullie	T326957 [M] Remove configuration setting that turns off/on mobile Search Preview
Open		None	T338971 [M] Exclude files from commons that are nominated for deletions from appearing in Search preview

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

In T306341#7876859, @AUgolnikova-WMF wrote:

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

yes! Good catch!

AUgolnikova-WMF mentioned this in T306630: [M] Add table of contents to special:search page quickview panel.Apr 26 2022, 1:28 PM

Added a task https://phabricator.wikimedia.org/T306898

Initial MVP quick view panel

Panel

Article title

Add meta data

Add extended snippet

Add link to open panel.

AUgolnikova-WMF updated the task description. (Show Details)Apr 26 2022, 1:47 PM

AUgolnikova-WMF updated the task description. (Show Details)Apr 26 2022, 1:56 PM

• MPhamWMF updated the task description. (Show Details)Apr 27 2022, 6:25 PM

Seddon added a parent task: T307038: [Placeholder EPIC] SDAW Search Improvements.Apr 27 2022, 8:51 PM

Seddon updated the task description. (Show Details)Apr 28 2022, 1:47 AM

Seddon updated the task description. (Show Details)Apr 28 2022, 2:30 AM

AUgolnikova-WMF mentioned this in T307085: [L] Quick View: Create wiki project interwiki link widgets and add to the quick view panel.Apr 28 2022, 10:00 AM

AUgolnikova-WMF added a subtask: T307085: [L] Quick View: Create wiki project interwiki link widgets and add to the quick view panel.

AUgolnikova-WMF updated the task description. (Show Details)

AUgolnikova-WMF mentioned this in T307038: [Placeholder EPIC] SDAW Search Improvements.Apr 28 2022, 10:38 AM

AUgolnikova-WMF closed subtask T307059: Create sister project result widget and add widgets to quickview as Declined.Apr 28 2022, 10:55 AM

AUgolnikova-WMF changed the status of subtask T307059: Create sister project result widget and add widgets to quickview from Declined to Invalid.

mfossati subscribed.Apr 28 2022, 12:33 PM

• SWakiyama mentioned this in T307326: Special: Search Improvements.May 2 2022, 3:18 AM

Seddon added a subtask: T307560: [SPIKE] quickview panel vue.js implementation in Special:Search.May 4 2022, 11:57 AM

CBogen added a subtask: T307605: [M] Update how non-article namespace in search results are shown.May 4 2022, 5:43 PM

CBogen mentioned this in T307736: Performance review of Quickview panel on Special:Search (SearchVue extension).May 5 2022, 6:24 PM

CBogen added a subtask: T307736: Performance review of Quickview panel on Special:Search (SearchVue extension).

Seddon closed subtask T307560: [SPIKE] quickview panel vue.js implementation in Special:Search as Resolved.May 19 2022, 9:40 AM

CBogen added a subtask: T311161: Design: consider if/how to show tabular/non-textual data from articles in quickview.Jun 22 2022, 5:00 PM

CBogen added a subtask: T311644: [L] Quick View: Add search results snippet to QuickView panel.Jun 29 2022, 4:52 PM

CBogen added a subtask: T311669: [L] Tutorial/message to introduce quick view and inform users of quick view turn on/off option..Jun 30 2022, 2:26 PM

CBogen added a subtask: T311667: [M] Provide a quick view turn on/off preference setting..Jun 30 2022, 2:30 PM

CBogen added a subtask: T309932: [M] Create new SearchVue extension to contain Search Improvements augmentations.Jul 7 2022, 8:21 PM

CBogen closed subtask T306898: Quick View: Create a Special:Search quickview component as Invalid.Jul 25 2022, 3:29 PM

CBogen added a subtask: T313771: QuickView: Navigate between articles in QuickView on mobile.Jul 25 2022, 9:30 PM

Seddon closed subtask T307053: [L] Add barebones vue.js app to Special:Search as Resolved.Aug 2 2022, 4:27 PM

AUgolnikova-WMF updated the task description. (Show Details)Aug 5 2022, 4:18 PM

AUgolnikova-WMF updated the task description. (Show Details)Aug 5 2022, 4:24 PM

Seddon closed subtask T313771: QuickView: Navigate between articles in QuickView on mobile as Resolved.Aug 7 2022, 11:57 PM

CBogen added a subtask: T306885: [L] Quick View: Enable users to open and close quick views on special:search page.Aug 8 2022, 2:12 PM

Seddon reopened subtask T313771: QuickView: Navigate between articles in QuickView on mobile as Stalled.Aug 8 2022, 2:17 PM

Seddon reopened subtask T306885: [L] Quick View: Enable users to open and close quick views on special:search page as In Progress.Aug 8 2022, 2:23 PM

CBogen added a subtask: T311656: [SPIKE] Quickview for results from other language wikis.Aug 10 2022, 5:43 PM

CBogen added a subtask: T310246: Add Extension:SearchVue to translatewiki.net.Aug 10 2022, 5:51 PM

CBogen added a subtask: T310281: [M] Enable new hover states on special:search page results.Aug 10 2022, 5:58 PM

CBogen added a subtask: T307572: [M] Instrumentation for SDAW search improvements.Aug 10 2022, 6:00 PM

CBogen added a subtask: T313866: Design: Improve the usability of quick view interaction on mobile.Aug 10 2022, 6:14 PM

CBogen added a subtask: T313865: User testing to validate the usability of new features on special:search page.Aug 10 2022, 6:16 PM

CBogen closed subtask T313771: QuickView: Navigate between articles in QuickView on mobile as Declined.Aug 10 2022, 8:56 PM

AUgolnikova-WMF added a subtask: T310284: [L] Quick View: Create commons widget and add to the quickview panel.Aug 11 2022, 12:24 PM

CBogen moved this task from Backlog to Epics on the SDAW-Search-Improvements board.Aug 11 2022, 1:22 PM

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)

CBogen closed subtask T307052: [SPIKE] Quick View: Expand special:search text snippet as Invalid.Aug 31 2022, 5:05 PM

Seddon changed the status of subtask T310246: Add Extension:SearchVue to translatewiki.net from Stalled to In Progress.Sep 6 2022, 12:33 AM

CBogen updated the task description. (Show Details)Sep 16 2022, 9:29 PM

CBogen added a subtask: T317950: [S] Update verbiage for "search preview" config.Sep 21 2022, 4:07 PM

CBogen added a subtask: T317639: [L] Enhance the way the QuickView links searchResult to QuickView article.

CBogen added a subtask: T318721: [S] Add conditional ellipses before the snippet in QuickView.Sep 27 2022, 3:02 PM

CBogen added a subtask: T318646: [XL] Migrate State management to Pinia.Sep 27 2022, 3:30 PM

CBogen added a subtask: T318748: SearchVue - Always autoscroll the page to the first result.Sep 27 2022, 7:48 PM

Raymond closed subtask T310246: Add Extension:SearchVue to translatewiki.net as Resolved.Sep 29 2022, 7:59 AM

Sneha closed subtask T313865: User testing to validate the usability of new features on special:search page as Resolved.Sep 29 2022, 5:07 PM

CBogen closed subtask T309932: [M] Create new SearchVue extension to contain Search Improvements augmentations as Resolved.Oct 10 2022, 5:13 PM