ui-density

Adjust dashboard UI density by collapsing, removing, repositioning, or simplifying secondary features on smaller screens rather than scaling down the entire interface. This responsive feature reduction preserves usability while adapting data tables and visualisations for mobile or tablet viewports.

Design data tables for power users by increasing information density and keyboard accessibility, while keeping first-time user flows clear and guided. Match interface density to user types, ensuring readable hierarchy and reduced reading load for consumer applications.

Set up reusable density tokens by establishing standardized spacing and row-height variables for your responsive interface layout. These tokens maintain consistent UI density across platforms while preserving touch-target accessibility requirements.

The minimum touch target size for mobile UI adaptation is 44 by 44 pixels. Maintaining this dimension during responsive feature reduction ensures accessible interaction points while decreasing visual clutter on smaller screens.

Use progressive disclosure in dashboard design when you need to reduce reading load by hiding secondary features until they are needed. This approach maintains readable hierarchy while allowing power users to access denser, more complex information on demand.

You can apply density guidelines to both enterprise desktop dashboards and consumer mobile apps. Platform-aware density design uses spacious layouts for mobile and information-rich layouts for desktop, aligning with the primary task and user type.