Page MenuHomePhabricator

Convert Special:ListFiles to OOUI and improve UX
Closed, ResolvedPublic

Description

Uses HTMLForm already.

Requested user experience improvements:

  • "Go" button should be labelled "Search" further discussed in T194067
  • Button should be progressive

Improving pagination as asked for at T113436 is out of scope of this task and will be addressed in future as task on its own.

BeforeAfter
before.PNG (702×1 px, 115 KB)
image.png (1×2 px, 270 KB)

Event Timeline

Florian raised the priority of this task from to Medium.
Florian updated the task description. (Show Details)
Florian added a project: UI-Standardization.

Change 276945 had a related patch set uploaded (by Aashaka):
Convert Special:ListFiles to OOUI

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

Hmm, I'm not really convinced currently:

before
before.PNG (702×1 px, 115 KB)
after
after.PNG (787×1 px, 86 KB)

There isn't much space left fpr the much more important list :/ It's probably the same problem as in T117724: Convert Special:AllPages to OOUI.

I see. So should I bring the label and the field in the same line, or is there something else which needs to be worked upon?

Volker_E renamed this task from Convert Special:ListFiles to OOUI to Convert Special:ListFiles to OOUI and improve UX.Jul 19 2016, 3:41 PM
Volker_E updated the task description. (Show Details)
Volker_E subscribed.

@Volker_E I'd be interested if we can find some way to merge this with MobileFrontend's Special:Uploads view (see T102139)

Wondering if we should rather change the button to “Show file list” over “Search”…?

Change 276945 merged by jenkins-bot:
[mediawiki/core@master] Special:ListFiles: Convert to use OOUI

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

To your comment, @Jdforrester-WMF

image.png (910×1 px, 74 KB)
as with latest patch

With HorizontalLayout &RadioInputButtons of items per page:

T117743-File-list-with-HorizontalLayout---MediaWiki_2017-2018-05-07.png (900×1 px, 61 KB)

Without legend (hidden & available only for screenreaders) and “Show file list” button:

T117743-File-list-III-with-button-label---MediaWiki_2017-2018-05-07.png (833×1 px, 60 KB)

Yeah, that's nice, but still a bit strong?

Volker_E removed a project: Patch-For-Review.
Volker_E updated the task description. (Show Details)

UX improvement ideas discussion to be continued in T194067.