PostHog / posthog

🦔 PostHog provides open-source product analytics, session recording, feature flagging and A/B testing that you can self-host.
https://posthog.com
Other
21.68k stars 1.3k forks source link

Custom Skeleton Loaders #11294

Closed lottiecoxon closed 1 month ago

lottiecoxon commented 2 years ago

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

Group 9063 Group 9102

Additional context

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

pauldambra commented 2 years ago

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

LuisChiej commented 2 years ago

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

posthog-bot commented 2 months ago

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 commented 1 month ago

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