We hope you’re enjoying using Bit Form as much as we love building it. We’re continuously striving to make the plugin better, and now we want your valuable input on how we can improve its UI/UX.
What are we looking for?
Suggestions for new UI features that would make building forms easier and faster.
Any pain points you’ve experienced with the current interface or workflow.
Ideas on how we can improve the look and feel to make Bit Form more intuitive and user-friendly.
Any other thoughts or feedback on how we can take the user experience to the next level.
How can you help?
Just drop your suggestions or feedback in this thread! We’ll be reviewing all the responses closely and prioritising the most requested improvements.
Thank you for being a part of the Bit Form community. Your feedback is crucial in shaping the future of the plugin!
Hello, I love Bit Form, but I always struggle at styling the forms the way I want, I think there are too many options, it’s confusing and sometimes I don’t know what option to edit to change the hover color of a specific element for example, I also cannot find the option for gradient background on hover for buttons… so the styling part should be much easier
The first thing that I would suggest above anything is making sure the output only uses form html elements. This, to me, is the key priority above anything else.
Hey, this is great! I’d love to contribute some feedback too.
For everyday users and business owners who like checking form submissions in the website backend, it would be helpful to have a dedicated “Form Submissions” menu tab outside of the form editor. Right now, it takes too many steps just to view client messages, whereas other form plugins make this process a lot simpler.
Another small suggestion is about the form editor background. The dotted background looks a bit outdated, like the old Excel Macro designer. I usually set it to a plain white background before I start working. It would be nice to have an option to easily disable it if users prefer a cleaner look.
Based on your query, I’ll compare the UI design of Bitforms with other popular form builders like Gravity Forms, Fluent Forms, and SureForms, and provide suggestions on how to improve Bitforms’ UI. I’ll also discuss why you might prefer these other options over Bitforms.
Bitforms UI Design Comparison
Bitforms offers a modern and clean interface, but there are some areas where it could improve compared to its competitors:
Form Builder Interface:
Bitforms uses a drag-and-drop interface, which is standard across most form builders[1].
However, the layout can feel cluttered when working with complex forms, especially compared to Gravity Forms’ more spacious design.
Field Options:
Bitforms offers a wide range of field types, but the organization of field settings could be improved[1].
Gravity Forms and Fluent Forms generally have more intuitive field customization options.
Conditional Logic:
While Bitforms supports conditional logic, setting it up can be more complex compared to Gravity Forms, which is known for its user-friendly conditional logic interface[8].
Multi-step Forms:
Bitforms allows for multi-step form creation, but the process could be streamlined to match the ease of use found in Gravity Forms and Fluent Forms[8].
Styling Options:
Bitforms includes a built-in style editor, which is a plus[1]. However, the styling options could be more comprehensive and easier to use, especially when compared to SureForms’ advanced styling capabilities.
Suggestions for Improving Bitforms UI
Streamline the Form Builder:
Implement a cleaner, more spacious layout to reduce visual clutter.
Group related options more intuitively to improve user experience.
Enhance Field Customization:
Redesign the field settings panel to make options more accessible and easier to understand.
Consider implementing a tabbed interface for different categories of field settings.
Simplify Conditional Logic:
Create a more visual, flowchart-like interface for setting up conditional logic, similar to Gravity Forms.
Provide more guidance and tooltips to help users understand complex logic setups.
Improve Multi-step Form Creation:
Develop a more intuitive process for creating and managing multi-step forms.
Implement a visual timeline or progress indicator for multi-step form design.
Expand Styling Options:
Enhance the built-in style editor with more comprehensive options.
Consider adding pre-designed themes or templates to speed up the styling process.
Reasons for Preferring Other Form Builders
Gravity Forms:
Known for its robust feature set and extensive add-on ecosystem[7].
Offers a more intuitive interface for complex form creation and conditional logic[8].
Provides better integration with WordPress core features[5].
Fluent Forms:
Offers a balance between ease of use and advanced features[5].
Generally has better performance metrics compared to some competitors[6].
Provides a more user-friendly interface for creating complex forms.
SureForms:
Likely offers advanced styling options that allow for greater form customization.
May provide a more modern and intuitive user interface.
Could offer unique features or integrations that are particularly useful for your specific needs.
While Bitforms has its strengths, such as its performance optimization and built-in integrations[8], these other form builders often provide a more polished user experience and a wider range of features out of the box. However, it’s worth noting that Bitforms is actively developing and improving its product, so these comparisons may change over time.
One nice feature would be if there was a combined Login / Registration / Password reset form template. I have tried putting both on the same page but when I include a cloudflare turnstile on each form they conflict and I can’t submit either form when they are on the same page.
As discussed with @kaioum on Facebook, I mainly struggle with BitForm due to my inability to control form elements within the layout.
The existing approach uses a coordinate system, whereas I am more used to think in terms of CSS Flex and Grid as this is how I work on website design in general.
Unless I am mistaken, BitForm does not support Flex and Grid. If that were to change, I think it would make things much easier for me.
A trigger for Next and Previous Button would be great.
After the user clicked on Next in step1, I want to show step 2, step 3 OR (!) step 4, depending on the input in step 1. On that form, clicking Next would always go to step5. So in total it would show only 3 steps out of the 5.
@kaioum I wanted to share my experiences and suggestions for improving the BitForms plugin, as I believe they could greatly enhance user satisfaction and functionality.
User Experience Overhaul
During my first time using BitForms, I found the multitude of options overwhelming. While I appreciate the extent of customization available, the current structure seems to require excessive clicks for simple changes, making it feel less intuitive. A potential redesign focusing on simplicity and ease of use could significantly improve the user onboarding experience.
Enhancement for Conversational Forms
My primary reason for installing BitForms was to create a conversational form. However, I encountered limitations that made me switch to FluentForms. Specifically, the lack of support for HTML blocks in conversational forms was a major setback. Integrating this feature would be invaluable for users like myself who rely on custom HTML for better context or interactivity.
Conditional Logic Improvements
In FluentForms, I benefited from the straightforward addition of conditional logic directly within each block’s settings. If BitForms could streamline the conditional logic setup in a similar manner, it would not only speed up the form creation process but also enhance user creativity.
Stability Issues with the UI
I experienced frequent UI breakdowns when attempting to create multi-step forms with sections and two-column layouts. These technical glitches ultimately led to my frustration and decision to use a competitor. Ensuring a more stable and responsive UI would make a significant difference in user satisfaction.
Handling Non-Form Steps
I encountered an issue with non-form steps in my BitForms workflow. For instance, I created a single step merely for displaying a welcome message using an HTML block. Unfortunately, the form would not progress due to it reading as “blank” since no traditional form fields were present. To improve this, I suggest adding an option to bypass blank validations for informational steps, allowing for smoother navigation through forms.
Submit button placement
Please make a change on how the Submit button works on BitForms. When creating a multiple Step forms you need to always send the submit button to the last step, this should be automatically, it’s another unecesseray step that we need to take and annoy us every time.
I genuinely appreciate your commitment to improving BitForms and look forward to seeing how BitForms will look in the future.
There appears to be no way to create a share link to a form “entry”, such as a partially completed form filled in by Admin, so that I can share the link with a user for them to complete the form.
What are we looking for?
How can you help?