Page MenuHomePhabricator

Add loading indicator for related articles
Open, Stalled, MediumPublic

Description

Description

With T223844 we're now reserving space for related articles before they've loaded. A side-effect of this is that before they load the page appears to have a sort of random gap:

Screen Shot 2022-01-26 at 1.33.47 PM.png (1×843 px, 82 KB)

Goal

Introduce some kind of loading indicator that communicates to people that something will soon be appearing in that space, for example:

loadingloaded
image.png (1×798 px, 143 KB)
image.png (1×790 px, 317 KB)

Event Timeline

Note in an ideal world (based on server side rendering being available in Codex ) our hope is to server-side render RelatedArticles in which case there would be no API call and no loading state.

@alexhollender_WMF +1 with using the skeleton state to communicate to the user that something is going to happen. I think skeletons are the best way to communicate it when the content in the page is not already loaded, in this way the user waits for something to happen and doesn't leave the page.

I totally agree with adding this skeleton state. My only concern is if we could do it for technical reasons, since the other day talking about a similar use case Volker commented me that skeletons weren't technically available, right @Volker_E ?

If technical reasons let us do it, I will go with skeleton states.

ovasileva triaged this task as Medium priority.Feb 2 2022, 2:05 PM
ovasileva moved this task from Incoming to Not ready to estimate on the Web-Team-Backlog board.
Jdlrobson changed the task status from Open to Stalled.Mar 21 2024, 4:34 PM