Design/Archive/Wikimedia User Interface/Use cases/Loading Indicators

From mediawiki.org


This is a page dedicated to collecting all the loading indicators within the Wikimedia projects. These loading indicators are grouped into purposes such as loading indicators to indicate "content loading" and "tool loading." If you see more around, feel free to add to this page and group them accordingly. This associated task on Phabricator, where you can discuss this topic with us.

User:Splarka has done some analysis here that is also useful on how loaders will work on different colored backgrounds.

Indeterminate[edit]

Intentions:

  • Gives users an idea that a button has been pushed and request has been executed
  • Gives users an idea that e.g. a page is loading

Content loading[edit]

  • Echo - loading notifications (OOUI PendingElement mixin)
  • Content translation - loading article
  • Flow - loading more topics
  • Mobile - loading nearby articles
  • Translate on Mediawiki - loading content

Tool loading[edit]

  • Wikimedia Commons - loading upload wizard


Determinate[edit]

Intentions:

  • Gives users an idea that a button has been pushed and request has been executed with an idea of the loading progress
  • Gives users an idea that e.g. a page is loading with an idea of the loading progress

Content loading[edit]

  • MediaViewer - loading image

Tool loading[edit]