Knowing which devices your audience uses to access your forms is crucial for optimizing the user experience and ensuring your forms are accessible and easy to complete for everyone. Formora’s analytics include a device breakdown, showing you data segmented by desktop, mobile, tablet, and other device types.

​
Why Analyze Device Breakdown?

  • Optimize for User Experience: Design forms that look and work great on the devices your audience uses most.
  • Improve Mobile Conversion Rates: Identify and fix issues that might be causing lower completion rates on mobile devices.
  • Responsive Design Validation: Confirm that your form’s responsive design is effective across different screen sizes.
  • Targeted Improvements: Focus your design and testing efforts on the platforms that matter most to your users.

​
Accessing Device Breakdown Data

Device-specific analytics are found within your Formora analytics dashboard:

  • Look for a dedicated card labeled “Device Breakdown.”
  • This data is presented visually, and you can switch between a Radial Bar chart and a Pie chart.

Device Breakdown card in Formora Analytics Dashboard, with chart type selector.

​
How Device Types are Determined

Formora uses the ua-parser-js library to analyze the user_agent string sent by the browser with each submission. This helps categorize devices:

  • Mobile: Identified if the User-Agent string indicates a mobile device type (e.g., mobile).
  • Tablet: Identified if the User-Agent string indicates a tablet device type (e.g., tablet).
  • Desktop: Inferred if the User-Agent string exists but is not explicitly categorized as mobile, tablet, console, smarttv, wearable, XR, or embedded. This is a common inference for traditional desktop/laptop computers.
  • Other: This category includes:
    • Specific device types like console, smarttv, wearable, xr (Extended Reality), or embedded.
    • Submissions where the user_agent string is missing or cannot be parsed into one of the above categories.

​
Key Metrics by Device Type

Formora displays the number of submissions for each device category within the selected date range.

  • Submissions by Device: The number of successful submissions originating from each identified device type (Desktop, Mobile, Tablet, Other).
  • Percentage Breakdown: Both chart types visually represent the percentage of total submissions attributed to each device category.

​
Available Visualizations

You can choose between two chart types to visualize the device breakdown:

  • Radial Bar Chart (Default): Displays device categories as segments of a circular bar. The length of each segment corresponds to the proportion of submissions from that device type. Labels indicate the device type and its percentage.

    Radial Bar chart illustrating the proportion of form submissions by device type

  • Pie Chart: A classic circular chart divided into slices, where each slice represents a device category and its size is proportional to the percentage of submissions. A legend details the device types, their corresponding colors, icons, and percentage values.

    Pie chart illustrating the proportion of form submissions by device type

​
Interpreting Device Data & Taking Action

  • Identify Dominant Devices: Are most of your users on mobile? Or is desktop still prevalent for your specific audience and form type? This informs your primary design considerations.
  • Look for Conversion Rate Gaps: A significantly lower conversion rate on mobile devices compared to desktop is a red flag. It strongly suggests your form is not well-optimized for mobile users.
    • Common Mobile Issues: Fields too small, difficult to type, horizontal scrolling required, slow loading times on mobile networks, non-touch-friendly elements.
  • User Experience Implications: If a substantial portion of your audience uses mobile devices:
    • Test Rigorously on Mobile: Preview and test your form on various actual smartphones and tablets.
    • Ensure Responsive Design: The form layout must adapt fluidly to different screen widths.
    • Touch-Friendly Inputs: Use large enough buttons, appropriate spacing, and mobile-native input controls where possible (e.g., date pickers that are easy to use on touchscreens).
    • Minimize Typing: Opt for selection fields (dropdowns, radio buttons) over free-text entry where appropriate for mobile users.
    • Form Length: Mobile users may have less patience for very long forms. Consider breaking complex forms into more pages or simplifying them.
    • Page Speed: Optimize images and scripts to ensure your form loads quickly on mobile connections.

By analyzing device breakdown data, you can ensure your Formora forms are accessible and user-friendly for everyone, regardless of how they access them. This leads to better engagement and higher conversion rates. Next, explore Geolocation Tracking to understand where your users are located.