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
Keep it simple
- Display only essential KPIs, mobile dashboards are for quick insights, not deep analysis.
- Use Executive Summaries or headline numbers for immediate clarity.
- Limit each section to 3–5 widgets to keep focus on the most important metrics.
Prioritize readability and layout
- Place the most important insights at the top (e.g., Big Numbers, KPIs).
- Use trend charts (line, bar, or column) in the middle for context.
- Position tables or heat maps last and only when necessary.
- Use concise titles and labels to prevent truncation.
- Choose font sizes and color contrasts that are mobile-friendly.
- Minimize scrolling by breaking content into tabs or sections.
- Use a single-column structure to streamline scrolling.
- Avoid wide tables or lengthy text blocks.
Choose mobile-friendly visuals
- Use: Big Numbers, line/column charts, simple pie charts, funnels, heat maps.
- Avoid: Complex or unsupported widget (e.g., sparklines, TapMap, pictorials).
- Keep labels concise and legends minimal to reduce clutter.
Make navigation effortless
- Enable Favorites for quick access.
- Use clear, descriptive widget names for easy searchability.
- Design each dashboard page with one clear objective.
Optimize interactivity
- Default to shorter date ranges (e.g., Last 7 Days or MTD) for faster load times.
- Provide filters first (e.g., client, campaign, geo) so users can drill into details.
- Favor tapping over scrolling or typing for smoother interaction.
Balance detail with performance
- Aggregate data when possible to avoid overwhelming small screens.
- Provide export options (PDF, CSV) for deeper analysis when needed.
- Keep KPIs aligned with desktop dashboards for consistency.
Ensure security and governance
- Enforce two-factor authentication (2FA) and role-based access controls.
- Avoid displaying sensitive data or PII on mobile dashboards.
- Restrict access based on role (e.g., executives vs. analysts).
Design for communication
- Add short notes or annotations to provide context.
- Use conditional formatting or thresholds to highlight anomalies.
- Treat dashboards as conversation starters, not deep analysis tools.
Test and iterate
- Test dashboards across different devices (iOS/Android, small and large screens).
- Pilot with power users, such as sales leaders and executives.
- Adjust the design based on feedback and new features.
Executive Summary Best Practices
The Executive Summary feature provides a clear, high-level view of key metrics, making it especially useful for mobile users who need quick, digestible insights. It is fully supported in the mobile app for dashboards and should be placed near the top for easy access and visibility.
- 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 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)
- AI 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.