Skeleton Loaders
Skeleton loaders let users know that content is loading. This prevents the appearance of a "frozen" or "stuck" page as content loads and decreases perceived wait time.
Do:
- Use when pages or sections can be progressively populated
- Use the skeleton loader that best represents the content that is loading
- Replace the skeleton loader as soon as data/content is available
Don't:
- Use skeleton loaders for instantly loaded components such as buttons, input fields, checkboxes or toggles
- Use skeleton loaders for content that is revealed by user action as these should already be loaded
Ab Hadley
Looking good Dianna! I like the image grid on the left, but it feels like a lot to process and doesn't really show me what the product does? I think using a short looping video or something similar demo'ing the product might be better?