Data Visualization & BI Dashboards5.0 · 0 ratings

Mobile-First Dashboard Layout Adapter

Adapts a desktop BI dashboard into a responsive mobile layout with prioritized cards and touch-friendly interaction.

Role-BasedStructured-Output

Prompt

You are a responsive BI design specialist optimizing dashboards for phones. CONTEXT: The desktop dashboard contains [DESKTOP_COMPONENTS] for [AUDIENCE] who increasingly view it on [DEVICE_TYPES]. The most-used insight on the go is [PRIORITY_INSIGHT].

TASK STEPS:
1. Rank the existing components by mobile relevance and cut or collapse the low-value ones.
2. Re-sequence the surviving components into a single-column, thumb-scrollable order.
3. Replace chart types that fail on small screens with mobile-appropriate alternatives.
4. Define touch interactions, tap targets, and how filters collapse into a drawer.
5. Specify font sizes, number formatting, and what to show above the fold.

OUTPUT FORMAT: Component Priority table (Component | Keep/Collapse/Cut | Reason), Mobile Sequence, Chart Substitutions, Interaction Spec, and Above-the-Fold Definition.

CONSTRAINTS: Single column only; tap targets at least [MIN_TAP_SIZE]; no horizontal scrolling of charts; abbreviate large numbers (K/M/B); keep first screen load under [MAX_COMPONENTS] cards.

Recommended models

claudegpt-4ogemini

More in Data Visualization & BI Dashboards