app-center
app-center copied to clipboard
ubuntu
Use shimmer effect for loading content
For all pages (Explore, MyApps, AppPage) it would be nice to have a shimmer effect for loading content, instead of spinning indicators. We could use this package for this
https://pub.dev/packages/shimmer
I couldn't find any design examples, so I made a few quick suggestions using the linked package and taking preset values from YaruBanner. I'd like to try and implement this, if a design is agreed upon.
The first one looks solid!
Let's see what the design thinks CC @anasereijo @elioqoshi @madsrh
The loading banner should look as close as possible to the loaded one. So imo, the second one is the best, but maybe with three thinner text like container.
The loading banner should look as close as possible to the loaded one...
+1 but there might still be design changes, so I would not spend a ton of time fine-tuning this - better just get it in the IMO
As @Jupi007 mentioned above, the loading skeleton should be similar to the loaded content, as it gives users a visual cue that content is being loaded.
@Feichtmeier – will it be possible to load progressively the content as it becomes available? I believe that's the purpose of having a skeleton screen.
The loading banner should look as close as possible to the loaded one...
+1 but there might still be design changes, so I would not spend a ton of time fine-tuning this - better just get it in the IMO
You're right 👍
So maybe do the simplest model possible: the first one, and add a TODO comment (and an issue) to remember to make the placeholder looks like the target content, once the design is stabilised.
As @Jupi007 mentioned above, the loading skeleton should be similar to the loaded content, as it gives users a visual cue that content is being loaded.
@Feichtmeier – will it be possible to load progressively the content as it becomes available? I believe that's the purpose of having a skeleton screen.
Yes we could load the skeleton 🦴 thing first then slowly fill it up with results for example Or we could use the skeleton for when the snap names are loaded but not yet the images (which is hardly visible with medium internet speed, but still. Maybe 1 second)