Dynamic content loading
Lists and tables often need to handle dynamic content, whether loading initial data, updating existing items, or adding new ones. The interface must stay responsive and informative as content changes, helping users understand when and how updates occur.
Core guidelines for content updates:
- Initial state: Shows placeholder content or skeleton screens while data loads
- Refresh behavior: Pulls to refresh at the top, infinite scroll at the bottom
- Update signals: Animates changes smoothly when content updates or reorders
- Load batching: Brings in new content in chunks to maintain performance
- Error handling: Shows clear feedback when content fails to load
- Progress indication: Uses activity indicators for longer operations
Pro Tip: Show skeleton screens instead of spinners for initial loads — they give users a better sense of the incoming content structure.
