posthog icon indicating copy to clipboard operation
posthog copied to clipboard

Custom Skeleton Loaders

Open lottiecoxon opened this issue 3 years ago • 3 comments

Introducing PostHogs very own custom loaders

Moving away from Ant Design's skeleton loader we want to create a custom skeleton loader for our product. This will level up the user experience and create a more polished look to the dashboard. Currently with Ant Design, the skeleton loader is basic and universal - while this has worked well for the time being, it would be better to have loaders that represent the product more accurately.

Describe the solution you'd like

A new table skeleton loader default as well as 6 unique insight loaders that represent the different insights we provide. This is accompanied by color work as well as gradient size and timings- I would like to test this before shipping so may need some help from engineering in this department.

Spinners

Describe alternatives you've considered

  • Custom table skeleton loaders for different layouts- overall this would be too much effort and not gain us that much.

Group 9063 Group 9102

  • More artistic and conceptual insight loaders - we soon realised that this was misleading having loaders that didn't closely represent what was inside the app. (example below) Group 9078

Additional context

Thank you for your feature request – we love each and every one!

lottiecoxon avatar Aug 15 '22 10:08 lottiecoxon

for context

time skeletons are visible for

90th percentile dashboard loading time: https://app.posthog.com/insights/7kneM83F 99th percentile dashboard loading time: https://app.posthog.com/insights/4iiCgU47

time insight card loaders are visible for

90th percentile insight card refresh time: https://app.posthog.com/insights/vBsx3iUQ 99th percentile insight card refresh time: https://app.posthog.com/insights/iooDNhAg

and all in one place https://app.posthog.com/dashboard/49075

pauldambra avatar Aug 15 '22 12:08 pauldambra

As regards this, Are we looking at moving away completely from Ant Design's skeleton loader for a fully-fledged custom skeleton loader component for 6 unique insight and table skeleton, or do we just want to make the Ant Design skeleton loader more polished and customized to properly represent your product on loading state?

@clarkus, @lottiecoxon, @pauldambra

LuisChiej avatar Aug 23 '22 09:08 LuisChiej

This issue hasn't seen activity in two years! If you want to keep it open, post a comment or remove the stale label – otherwise this will be closed in two weeks.

posthog-bot avatar Aug 23 '24 07:08 posthog-bot

This issue was closed due to lack of activity. Feel free to reopen if it's still relevant.

posthog-bot avatar Sep 06 '24 07:09 posthog-bot