Before you begin: The TapReports Mobile App offers users on-the-go access to key insights through interactive dashboards and reports. To ensure the best experience, it's important to follow certain design best practices when building these assets in the TapClicks desktop platform. This guide outlines how to optimize your dashboards and reports for smooth, effective viewing in the mobile app.
General Best Practices for Mobile-Friendly Design
Prioritize Readability and Mobile Responsiveness
- Use concise titles and labels to prevent truncation.
- Limit the number of widgets per section to reduce clutter.
- Place the most important insights near the top.
- Choose font sizes and color contrasts that are mobile-friendly.
Optimize Layout for Mobile Viewing
- Use a single-column structure to streamline scrolling.
- Avoid wide tables or lengthy text blocks.
- Preview content in both light and dark mode themes for consistency.
Choose the Right Widget for the Right Data
- Match widget types to the type of data or insight being presented.
- Configure each widget to highlight the most relevant information for mobile users.
Executive Summary Best Practices
The Executive Summary feature helps deliver high-level insights at a glance, making it especially valuable for mobile users who need quick, digestible takeaways.
- Use concise, value-driven bullet points—aim for 3 to 5 per report or dashboard.
- Keep language clear and direct, focusing on actionable insights.
- Position the Executive Summary at the top of dashboards or reports for maximum visibility.
- Use it to guide users toward key trends, outliers, or performance highlights without requiring them to analyze individual widgets.
Widget Types and Best Practices
Media Widget
- Ideal for: Embedding visuals, logos, or external links
- Use high-quality, scalable images
- Avoid autoplay videos
- Link to relevant content for added context
Big Number Widget
- Ideal for: Displaying high-level metrics
- Keep labels concise
- Use color coding for trend indicators
- Set dynamic date ranges for real-time insights
- Supported Plot Types: Default, Multi-Metric, Comparison, Classic
Data Grid Widget
- Ideal for: Viewing detailed datasets
- Prioritize key metrics in the first few columns
- Limit to 3–5 columns to avoid horizontal scroll
- Enable sorting and filtering options
- Supported Plot Types: Heat Map, Default, Classic, Conditional Map, Grouped Column
Bar Chart Widget
- Ideal for: Comparing categories side-by-side
- Use horizontal bars for longer labels
- Avoid too many bars in a single view
- Use stacking only when necessary for grouped data
- Supported Plot Types: Clustered, Stacked, 100% Stacked, Layered, Lollipop, Radial Histogram, Radial Bar, Classic
Line Chart Widget
- Ideal for: Showing performance trends over time
- Limit data points to ensure clarity
- Enable tooltips to provide details on hover
- Use smooth lines for cleaner visuals
- Supported Plot Types: Line, Stacked, 100% Stacked, Area Line
Combo Chart Widget
- Ideal for: Displaying multiple metric types together
- Use contrasting colors for clarity
- Keep metric counts reasonable to avoid clutter
- Ensure axis labels are readable on mobile
- Supported Plot Types: Clustered, Stacked, 100% Stacked, Layered
Pie Chart Widget
- Ideal for: Showing percentage-based data
- Limit to 5–7 slices for readability
- Use distinct colors for each segment
- Display percentage values within slices
- Supported Plot Types: Pie Chart
Funnel Chart Widget
- Ideal for: Visualizing stages of a process (e.g., sales funnel)
- Use clear stage labels
- Limit funnel steps for mobile display
- Use gradient color or size contrast to show drop-off
- Supported Plot Types: Funnel, Pyramid, Pictorial, Classic
Gauge Chart Widget
- Ideal for: Measuring performance against a target
- Set clear thresholds (e.g., Low, Moderate, High)
- Use intuitive color indicators
- Avoid crowding multiple gauges in one view
- Supported Plot Types: Gauge Chart, Multi-Axis Gauge
Geo Chart Widget
- Ideal for: Mapping data geographically
- Limit plotted regions or points
- Use zoom controls for regional detail
- Apply labels thoughtfully to avoid screen clutter
- Supported Plot Types: Bubble Map, Heat Map
Unsupported Widget/Plot Types in the Mobile App
Some widget and plot types are currently not supported in the TapReports Mobile App. When designing dashboards intended for mobile viewing, avoid using the following unsupported visualizations to ensure full compatibility and user experience:
- Big Number Widget
- Sparkline (Bar and Area)
- Data Grid Widget
- Embedded Sparklines
- Line Chart Widget
- Area – Step Line
- Pie Chart Widget
- Donut
- Bubble Chart Widget
- Geo Chart Widget
- TapMap (only available for upgraded subscriptions)
- ChatGPT Widget
These widget and plot types are unavailable in the mobile experience. To ensure accessibility, replace them with supported alternatives listed earlier in this article. If you're unsure whether a specific chart type is supported, preview the dashboard using the mobile app or reach out to support@tapclicks.com for guidance.
Final Optimization Tips for Mobile Viewing
Preview in Mobile
- Use TapReports previews to check layout and readability on mobile devices.
- Adjust spacing, sizing, and positioning as needed.
Smart Filtering
- Apply filters to surface the most relevant data quickly.
- Keep default views focused and manageable.
Performance Optimization
- Minimize the number of heavy widgets or complex data calls.
- Ensure data sources are optimized for mobile speed.