[Design] Loading indicators

[May Tee-Galloway]

There is a discussion going on loading indicators on Phabricator
<https://phabricator.wikimedia.org/T75972>.
​Basically there are two kinds of indicators, indeterminate​ and
determinate. Here is a documentation
<https://www.mediawiki.org/wiki/Wikimedia_User_Interface/Use_cases/Loading_Indicators>
of what we have currently.


Do you know any other loading indicators out there? Any other kinds of use
cases or purposes where loading indicators are used and needed? ​

Discuss at Phabricator <https://phabricator.wikimedia.org/T75972> or on
this mailing list.
And if you find more loading indicators, let us know here
<https://www.mediawiki.org/wiki/Wikimedia_User_Interface>.

​Thank ya,
mm

[n***@gmail.com]

Hey May,

- There's a determinant progress bar in MediaViewer while the image is
loading[1] I will add it on the MediaWiki page.

- There are two progress indicators in OO-JS-UI here
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-mixed-ltr
Scroll down to "progress" section. I am not sure where they are used, but
they do exist. The first one is used in VE (with progressive tint) if i am
not wrong.

- On Mobile web, we use iOS style activity indicator (indeterminate). It's
part of MW-UI [2] and used in various places. You can see it on Mobile VE
loading right now.

[1] Loading Image...
[2] mw-ui-icon mw-ui-icon-spinner mw-ui-icon-element spinner loading

- Nirzar

Post by May Tee-Galloway
There is a discussion going on loading indicators on Phabricator
<https://phabricator.wikimedia.org/T75972>.
​Basically there are two kinds of indicators, indeterminate​ and
determinate. Here is a documentation
<https://www.mediawiki.org/wiki/Wikimedia_User_Interface/Use_cases/Loading_Indicators>
of what we have currently.
Do you know any other loading indicators out there? Any other kinds of use
cases or purposes where loading indicators are used and needed? ​
Discuss at Phabricator <https://phabricator.wikimedia.org/T75972> or on
this mailing list.
And if you find more loading indicators, let us know here
<https://www.mediawiki.org/wiki/Wikimedia_User_Interface>.
​Thank ya,
mm
_______________________________________________
Design mailing list
https://lists.wikimedia.org/mailman/listinfo/design

[Niklas Laxström]

Translate is using spinning style indeterminate indicator [1].
LQT is also using spinning style indeterminate (mw-ajax-loader from core).


[1] e.g.
https://www.mediawiki.org/wiki/Special:Translate?filter=%21translated&action=translate&language=fi
Loading Image...
https://github.com/wikimedia/mediawiki-extensions-Translate/blob/master/resources/images/loading.svg

-Niklas

[Gergo Tisza]

​UploadWizard uses
Loading Image...
.
It used to have a determinate indicator too, not sure if that was
permanently removed as part of the rewrite or just not reworked yet.

[Bartosz Dziewoński]

Post by Gergo Tisza
It used to have a determinate indicator too, not sure if that was
permanently removed as part of the rewrite or just not reworked yet.

We use a OOjs UI ProgressBar for the determinate indicator of file
upload progress.

[May Tee-Galloway]

Awesome, I've added these to where I'm documenting
<https://www.mediawiki.org/wiki/Wikimedia_User_Interface/Use_cases/Loading_Indicators>
them.

I also want to point out the work that User:Splarka
<https://www.mediawiki.org/wiki/User:Splarka> did in analyzing how loading
indicators work in different backgrounds here
<https://www.mediawiki.org/wiki/User:Splarka/Throbber>. Thanks legoktm for
sharing.

Keep them coming!

Post by Gergo Tisza
It used to have a determinate indicator too, not sure if that was
permanently removed as part of the rewrite or just not reworked yet.

We use a OOjs UI ProgressBar for the determinate indicator of file upload
progress.
--
Bartosz Dziewoński
_______________________________________________
Design mailing list
https://lists.wikimedia.org/mailman/listinfo/design