Understand how users access your Formora forms by analyzing submissions across different device types (desktop, mobile, tablet, other) using pie and radial bar charts.
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.
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.
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.
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.
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.
