867452 - Category partial loading is jarring

Status: RESOLVED FIXED

(Marketplace Graveyard :: Consumer Pages, defect, P4)

Description

[Matt Basta [:basta]]

Currently, with our partial page generation, we immediately show spinners for each unloaded section of content on a partially loaded page. As the content loads in, these get replaced with content boxes. This can be jarring for users since boxes flash in and out.

How to see it for yourself:
1. Check out Fireplace (at time of writing, visible on marketplace-altdev.allizom.org)
2. Click the category dropdown and select a different category

Notice how after you click a category, everything disappears and then content fills the void.

How should we fill that space so that it's not a spinner on the gray background?

Comment 1

[Matt Basta [:basta]]

https://github.com/mozilla/fireplace/commit/e912a93bb94dc42df228f7e5064fb223984d8464

Michael said that this would be good enough for what we're doing, and I think it looks pretty :)

Comment 2

[Maureen Hanratty]

Cool! Would you mind demoing it for me on Tuesday/Thursday or posting a screencast? Thanks!

Comment 3

[Matt Basta [:basta]]

You can actually check it out right now!

http://marketplace-altdev.allizom.org

Notice that when you change categories, you don't lose the white box below the featured apps. Previously, it was just a spinner on the gray background. Now we preserve the box between categories.

Another improvement that's external to this bug is that we've made it so that when you change sort, not only do we preserve the white box, but we also preserve the creatured apps. They aren't going to change when you use the sort tabs, so we keep them static.