Page MenuHomePhabricator

Loading states for KaiOS content discovery experiments.
Closed, ResolvedPublic

Assigned To
Authored By
SGautam_WMF
Jan 11 2021, 4:56 AM
Referenced Files
F34409516: image.png
Apr 21 2021, 2:19 PM
F34255171: 01. Trending article expanded loading.png
Apr 5 2021, 12:37 PM
F34255168: 01. Trending article collapsed loading.png
Apr 5 2021, 12:37 PM
F34008040: 02. Topic List Loading.png
Jan 19 2021, 8:53 AM
F34008041: 01. Popular feed loading.png
Jan 19 2021, 8:53 AM
F34008039: 01. Popular feed list loading.png
Jan 19 2021, 8:53 AM
F34008042: 01. Topic Home Loading.png
Jan 19 2021, 8:53 AM

Description

Background

Design loading states for popular articles experiment.

Design Details
Popular feed home screenList of articles
01. Trending article collapsed loading.png (320×240 px, 10 KB)
01. Trending article expanded loading.png (320×240 px, 6 KB)
  • Show loading states when the app takes time on the user's device.
  • Search would work as expected while cards are loading.
  • Softkeys would work as expected while cards are loading.
zeplin

https://zpl.io/2vvdB6j

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
AMuigai moved this task from Backlog to Definition on the Inuka-Team (Kanban) board.
Jpita subscribed.

what cookies/storage/code do I have to change to enable this in any language? (so I can see the feed filled with articles)

UPDATE: I can see the trending articles and the list but I can't see the topics

Moved it back to design doing column to make some minor changes.

when I open the trending list and select an article while the articles are still loading, I get this error

image.png (284×974 px, 59 KB)

Since this is a very edge case, should I create a new ticket so we don't allow the user to open the trending list while we're still loading the articles?

Since this is a very edge case, should I create a new ticket so we don't allow the user to open the trending list while we're still loading the articles?

Yes, a bug ticket for this case.