You're designing a data visualization dashboard for {{organization_name}} to help them monitor and analyze {{dashboard_purpose}}. The dashboard will be used by {{target_users}} with {{technical_expertise}} technical expertise. The primary decisions this dashboard should support include {{key_decisions}}.
## INPUT RESOURCES
To design this dashboard effectively, please provide the following inputs:
1. **Data Description:**
- Upload a sample dataset or schema description of {{dataset_name}}
- Provide details about the key metrics in {{text_description_of_metrics}}
- Share any existing reports or analytics in {{existing_analysis_files}}
2. **Visual References:**
- Share screenshots or images of {{current_visualization_examples}} if available
- Include examples of visual styles that appeal to your organization in {{visual_style_examples}}
- Provide your organization's brand guidelines or color palette in {{brand_guidelines}}
3. **User Context:**
- Share images of the environment where the dashboard will be viewed (e.g., on large monitors, tablets, or mobile devices) in {{usage_environment_images}}
- Provide user journey maps or user stories in {{user_scenario_documents}}
- Include screenshots of any existing tools users currently work with in {{current_tools_screenshots}}
4. **Strategic Elements:**
- Upload documents describing key performance indicators (KPIs) in {{kpi_documentation}}
- Share industry benchmarks or competitors' public dashboards in {{benchmark_examples}}
- Provide strategic planning documents that outline goals the dashboard should support in {{strategic_documents}}
## DESIGN THINKING PROCESS
Using the multimodal inputs provided, follow this chain of thought process to design an effective dashboard:
### Step 1: Understand User Needs and Data Context
First, I'll analyze the provided materials to understand:
- Who will use this dashboard and what decisions they need to make
- What key metrics and dimensions are available in the data
- How the dashboard fits into existing workflows and processes
- What technical constraints might affect the design
Based on this analysis, I can identify:
- Primary and secondary user personas
- Key use cases and user stories
- Critical metrics that drive decision-making
- Data relationships that need to be visualized
### Step 2: Define Information Architecture
Next, I'll organize the information to create a logical structure:
- Group related metrics and visualizations
- Establish a hierarchy of information based on importance
- Define the navigation and interaction flow
- Plan for different levels of detail (overview to detailed exploration)
This architecture will include:
- Dashboard sections and their relationships
- Primary and secondary metrics for each section
- Drill-down paths for deeper analysis
- Filter and parameter controls placement
### Step 3: Select Appropriate Visualization Types
For each metric and relationship identified, I'll determine the most effective visualization type:
- Time series data: Line charts, area charts, or sparklines
- Categorical comparisons: Bar charts, column charts, or heatmaps
- Part-to-whole relationships: Pie charts, treemaps, or stacked bars
- Correlations: Scatter plots, bubble charts, or correlation matrices
- Geographic data: Maps with appropriate overlays
- KPIs: Gauges, bullet charts, or simple number cards
My selections will consider:
- The nature of the data (continuous, discrete, categorical, etc.)
- The analytical purpose (comparison, composition, distribution, relationship)
- User familiarity with chart types
- Space constraints and information density requirements
### Step 4: Create Layout and Flow
Based on the information architecture and visualization selections, I'll design the dashboard layout:
- Position high-priority elements in prime screen locations
- Create a logical reading pattern (typically Z or F pattern)
- Balance information density with readability
- Ensure related elements are visually grouped
- Incorporate appropriate white space to separate sections
The layout will incorporate:
- A clear visual hierarchy that guides users
- Consistent alignment and spacing
- Responsive design considerations if applicable
- Placement of interactive elements (filters, tooltips, drill-downs)
### Step 5: Apply Visual Design Principles
To enhance communication effectiveness, I'll apply visual design principles:
- Use the provided brand colors strategically (not just decoratively)
- Create a consistent visual language throughout the dashboard
- Apply gestalt principles to organize information
- Use color, size, and position to highlight important insights
- Reduce visual noise and eliminate chart junk
The visual design will include:
- A color scheme that supports data interpretation
- Typography choices that enhance readability
- Icon and symbol usage for efficient communication
- Appropriate use of borders, backgrounds, and separators
### Step 6: Add Interactivity and Navigation
To support exploration and different user needs, I'll incorporate interactivity:
- Define global and local filters
- Design tooltips for additional context
- Create drill-down pathways for detailed analysis
- Include export and sharing capabilities
- Add annotations or guided analytics where appropriate
These interactive elements will:
- Support different analytical workflows
- Allow users to answer their specific questions
- Provide context-sensitive guidance
- Enable collaborative decision-making
### Step 7: Evaluate Usability and Performance
Finally, I'll assess the dashboard design for potential issues:
- Check for cognitive overload or excessive complexity
- Ensure accessibility for all users
- Consider load times and performance
- Verify that the design supports the intended decisions
- Plan for future updates and maintenance
This evaluation will include:
- User testing scenarios
- Performance considerations
- Feedback mechanisms
- Documentation needs
## OUTPUT DELIVERABLES
Based on this design thinking process, I will provide:
1. **Dashboard Blueprint:**
- Overall layout and structure
- Placement of key elements and controls
- Information hierarchy and flow
- Section breakdowns with intended purpose
2. **Visualization Specifications:**
- Detailed descriptions of each chart/visualization
- Chart type justifications
- Metric definitions and calculations
- Color usage and encoding strategies
- Interaction specifications
3. **Implementation Guidance:**
- Recommended tools and technologies
- Data preparation requirements
- Performance optimization suggestions
- User onboarding recommendations
4. **Visual Mock-ups:**
- Descriptions of key dashboard components
- Detailed explanations of visual design choices
- Annotations highlighting important design decisions
- Mobile/responsive considerations if applicable
## PRACTICAL CONSIDERATIONS
The final dashboard design will balance:
- Information completeness vs. cognitive load
- Visual appeal vs. functional clarity
- Flexibility vs. guided analysis
- Detail vs. overview
- Current needs vs. future scalability
Throughout the design process, I'll maintain focus on:
- How this dashboard supports specific decisions outlined in {{key_decisions}}
- Meeting the needs of {{target_users}} with their level of {{technical_expertise}}
- Effectively communicating insights about {{dashboard_purpose}}
- Creating a solution that can evolve with {{organization_name}}'s needs
Fill in the variables below to customize the prompt for your needs.
This prompt doesn't have any variables to customize.