Last week, we rolled out a release to the CampusPay software specifically designed to help forms look cleaner and run smoother on mobile devices such as cell phone and tablets. We are so excited to bring you this update, which will allow you to create responsive forms for all your school needs.
Simply put, responsive forms look good and work well on mobile devices, helping you serve the ever-increasing number of families doing business on tablet or smartphone. No more “pinch and zoom” — your new responsive forms will be clear, legible, and easy to navigate no matter what the device. This new compatibility and aesthetic will drastically take down bounce rate and improve overall form completion rate – giving you more signatures, support, or dollars.
We understand that the CampusPay software is seeing an increased use across our schools during this time of remote learning and working due to COVID-19. This situation has been challenging for all our schools and parents, and we are here to help in any way we can!
Some of the main changes you will see with update include:
The most noticeable change in this new release is a move to single-column forms. Years of published research on effective form design have shown that single-column forms are significantly clearer and easier for users to complete. Although CampusPay has, until now, allowed two-column sections in a form, with this release we follow industry best-practices and the software will now structure all forms as single-column. Be assured that your families will find it easier and more pleasant to complete them, and that completion and response rates may also rise as a result.
Another change supported by eye-tracking studies and user experience testing is the implementation of top-aligned labels, rather than left-aligned labels. Especially important for mobile-responsive forms, top-aligned labels make it easier for users to check their inputs, allow for different label lengths, help maintain accessibility for screen readers, and work regardless of field type (text, radio button, checkbox).
Consistent full-width fields
The “mobile first” design principle suggests design solutions that work better even on our desktop screens. Fields that extend the full width of a mobile screen make for a clean display. On tablet and desktop, maintaining these neat margins while setting a maximum width for the form as a whole means that forms look consistent and professional across devices.
If you have any questions, or if we can be of assistance in another manner, please do not hesitate to contact us – Diamond Mind is operating under our standard business schedule of Monday through Friday, 9am – 5pm Eastern.