Page MenuHomePhabricator

[S] Empty states for media search
Closed, ResolvedPublic

Description

Currently we don't have much in the way of empty states for a pre-search or no results found state.

Both of these situations can have really helpful and interactive experiences (Spelling correction, related queries, most popular searched terms, photo of the day, etc.) but to start I thought we could add easily add some static messaging and illustrations while we decide how much time we are able to invest into the more complex solutions.

For the pre-search state, a simple call to action around what you can search for and the sheer amount of files on Commons could be a good place to start. "Search more than 62,622,112 media files that are free to re-use" while possibly linking to the Commons stats page via the dynamic file count.

Screen Shot 2020-07-10 at 11.46.50 AM.png (406×1 px, 40 KB)

For the no results page, clearly stating there are no results found and giving general tips on how to reformulate their query to get results seems to be an okay starting point.

Screen Shot 2020-07-10 at 11.52.03 AM.png (678×1 px, 80 KB)

Images for illustrations can be found here. Reach out if we need these in a different file format, or in SVG.

During development, please test the following:

  • Test this feature while logged in AND logged out
  • Test this feature on at least one mobile browser
  • Test that this feature works on the file page AND the Add Data step on UploadWizard (if applicable, some features only exist on one or the other)

Event Timeline

CBogen renamed this task from Empty states for media search to [S] Empty states for media search.Jul 15 2020, 4:21 PM

Regarding the number of files, just wanted to confirm that (for now at least) the number of files will match the data displayed on Special:Statistics; this will be a single value that represents the number of pages in the File namespace, regardless of type.

Down the road, if we ever wanted to try to differentiate further we could look into using the information at Special:MediaStatistics – this would allow us to show different counts based on type. I don't think this is essential right now but it's something worth keeping in mind.

Change 614856 had a related patch set uploaded (by Eric Gardner; owner: Eric Gardner):
[mediawiki/extensions/WikibaseMediaInfo@master] Add components for empty state and no results

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

Here are some screenshots of the new states in my local environment (which contains a whopping total of 1 image to search):

Screen Shot 2020-07-20 at 1.40.56 PM.png (1×2 px, 719 KB)

Screen Shot 2020-07-20 at 1.41.06 PM.png (1×2 px, 725 KB)

Change 614856 merged by jenkins-bot:
[mediawiki/extensions/WikibaseMediaInfo@master] Add components for empty state and no results

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

Etonkovidova subscribed.

Checked in betalabs - no issues are found. Below the screenshots for illustration - all looks according to the specs:

  • Desktop
no search queries entered"no results found"
Screen Shot 2020-07-31 at 11.29.27 AM.png (605×1 px, 60 KB)
Screen Shot 2020-07-31 at 11.34.32 AM.png (582×967 px, 53 KB)
  • Mobile
no search queries entered"no results found"
Screen Shot 2020-07-31 at 11.47.06 AM.png (570×324 px, 37 KB)
Screen Shot 2020-07-31 at 11.57.39 AM.png (567×322 px, 39 KB)

Note:

  • "Search more than 47657 media files that are free to re-use"
    • Categories are not media files. It's ok to have the same text when "Categories" tab is clicked?
  • "free to re-use" - all of the Commons files are free to use?
Etonkovidova updated the task description. (Show Details)

Checked on commons wmf.3 - all seems to be fine.