Page MenuHomePhabricator

[S] Update styling of messages that show up above search results
Open, Needs TriagePublic

Assigned To
Authored By
Seddon
May 3 2022, 2:13 PM
Referenced Files
F35211857: Message 2.png
Jun 6 2022, 2:03 PM
F35182754: Group 107.png
May 27 2022, 8:20 PM
F35182841: There is a page.png
May 27 2022, 8:20 PM
F35182827: did you mean.png
May 27 2022, 8:20 PM
F35182753: Group 106.png
May 27 2022, 8:20 PM
F35182755: Group 105.png
May 27 2022, 8:20 PM
F35182833: showing results for.png
May 27 2022, 8:20 PM

Description

Formerly titled: Update of "Did you mean" css on Special:Search

Problem

  • The current message above the search results are visually alarming. Some of the messages are meant to aid the user in finding better content but are treated as error messages with use of red.
  • There are currently a few different messages that show up at the top and their visual treatment is inconsistent. See this flowchart created by search team to understand when the messages appear.

Current implementation of messages

This ticket includes the following three message redesign.

Message 1

Group 107.png (890×1 px, 235 KB)

Message 2

Group 106.png (884×1 px, 178 KB)

Message 3

Group 105.png (868×1 px, 226 KB)

Proposed Solution

Message 1
Desktop | Mobile

did you mean.png (1×3 px, 502 KB)

Message 2
Desktop | Mobile

Message 2.png (1×3 px, 537 KB)

Message 3
Desktop | Mobile

There is a page.png (1×3 px, 512 KB)

Acceptance Criteria

  • Red text to standard text for all sentences
  • Spacing and padding update
  • Font size adjustments
  • Font style adjustments (bolds have been removed as we want to keep it strictly for highlights)
  • Message 2 only: the search query for which results were not found should be in red
  • All the linking remains unchanged

Event Timeline

CBogen renamed this task from Update of "Did you mean" css on Special:Search to [S] Update of "Did you mean" css on Special:Search.May 4 2022, 4:35 PM

Noting that development can begin, but nothing should be merged until we've had the chance to get feedback from the communities (in progress).

Sneha renamed this task from [S] Update of "Did you mean" css on Special:Search to [S] Update styling of messages that show up above search results.May 27 2022, 8:20 PM
Sneha updated the task description. (Show Details)
Sneha updated the task description. (Show Details)

Moving back to Ready for Estimation per @Sneha :

this ticket was initially only for did you know message but now its all the messages that show up in that location, so not sure if estimation changes

Change 802784 had a related patch set uploaded (by MarkThisDot; author: MarkThisDot):

[mediawiki/core@master] Update styling of messages that show up above search results

https://gerrit.wikimedia.org/r/802784

@Sneha the messaging changes for 2 do not equate to the same meaning.

The original conveys that you searched for X but there were no results for that query and so we are giving you an alternative.

The second is leaves ambiguity and implies you might get results with your original search string

@Seddon you're right just looking back at this flowchart and there are indeed absolutely no results found. The current error still allows users to click on the link and search for that query which also makes it a little confusing as to why would an option to search for it be provided if there are no results. But it goes to empty state and a message to create article so perhaps it is okay for users to still be able to search for it. I will update the new message, thanks for pointing that out.

@Seddon @MarkThisDot I have updated Message #2 based on above discussion. Also note that the search query for which results were not found is now in red keeping the theme of showing red for articles that do not exist.

Test wiki on Patch demo by Seddon using patch(es) linked to this task was deleted:

https://patchdemo.wmflabs.org/wikis/c0fe80e35b/w/