{"id":20989,"date":"2023-07-06T12:00:45","date_gmt":"2023-07-06T11:00:45","guid":{"rendered":"https:\/\/www.hybridforms.net\/en\/?page_id=20989"},"modified":"2025-06-03T09:48:58","modified_gmt":"2025-06-03T08:48:58","slug":"usability-forms-app","status":"publish","type":"page","link":"https:\/\/www.hybridforms.net\/en\/usability-forms-app\/","title":{"rendered":"Features: Mobile Usability and User Experience"},"content":{"rendered":"
Benefit from the human-centred design, intuitive use and efficient work with the HybridForms forms App.<\/p>\n<\/div><\/div><\/div>
<\/span><\/div><\/div><\/div><\/div><\/div><\/div>What do you think of when the topic comes to forms, checklists and the documentation of assignments? Spontaneously, some may still have an outdated image in mind, with stacks of printed paper forms or confusing and boring web forms. The HybridForm App and Software shows that it can be done differently \u2013 and combines modern technology, intelligent functions and optimal user experience into a reliable tool for mobile data collection and digital documentation on site. With the aim of providing users with the best possible support in their tasks, avoiding errors, frustration and unnecessary extra work, saving time and offering a positive overall experience. Because if work is also fun \u2013 all the better.<\/span><\/strong><\/p>\n<\/div><\/div><\/div><\/div><\/div> Many software products have a negative image among users due to poor usability \u2013 with a direct impact on productivity & employee satisfaction.<\/p>\n<\/div><\/div><\/div> Work with a forms App that focuses on consistent user orientation<\/strong> \u2013 with intuitive operation and intelligent functions.<\/p>\n<\/div><\/div><\/div><\/div><\/div> Which form fields are mandatory, which fields are optional? In the HybridForms App, open required fields are clearly visible at a glance: The form titles are always marked with an asterisk*<\/strong> and are also displayed in an accent color (blue)<\/strong>. As soon as you have filled in a mandatory field, the form title turns dark gray.<\/p>\n<\/div><\/div><\/div> Mandatory field not completed<\/em><\/p>\n<\/div><\/div><\/div> Completed mandatory field<\/em><\/p>\n<\/div><\/div><\/div><\/div><\/div> How many mandatory fields are still open? How far have I got with the mandatory data entry? The status for the degree of completion<\/strong> in a form is always currently displayed and informs you about the progress of the required entries<\/strong>. As soon as you have filled in a mandatory field, the color of the form title changes from the accent color blue to dark gray (as already described above). At the same time, the status display automatically changes in two places:<\/p>\n When all mandatory fields have been filled in, the check mark icon appears everywhere. Then you can finish entering the data.<\/p>\n<\/div><\/div><\/div> Tab: Status icon for the degree of completion in a form section, in this example [75%], [100%], [0%], [50%].<\/em><\/p>\n<\/div><\/div><\/div> Menu bar: Number of mandatory fields still open on a form page, in this example [3] on page one, [1] on page two.<\/em><\/p>\n<\/div><\/div><\/div><\/div><\/div> Form titles are usually short and concise. Tooltips are therefore an important function for providing users with supplementary information and tips<\/strong>. Tooltips can be recognized by the question mark [?] in the form title or in a tab; clicking on the icon displays the corresponding info text. The tooltip function can be activated individually for each form field. Where and which tooltips are to be displayed is defined in the design process and in the course of form development.<\/p>\n<\/div><\/div><\/div> Tooltip in a form title<\/em><\/p>\n<\/div><\/div><\/div> Tooltip in a tab<\/em><\/p>\n<\/div><\/div><\/div><\/div><\/div> In which format should the data be entered? Do the entries correspond to the specifications? For certain form fields (such as e-mail addresses, phone numbers, date fields), the HybridForms App immediately checks your entries for plausibility. This client-side validation<\/strong> provides an optimal user experience through direct error checking<\/strong>. For example, if you enter an invalid e-mail format, the form field is immediately highlighted in the signal color red and an error message<\/strong> is displayed with corresponding instructions<\/strong>. At the same time, a red exclamation mark [!] appears as a warning symbol<\/strong> both in the tab and in the menu. You can correct<\/strong> the form field immediately<\/strong> \u2013 functions such as error message, tooltip and\/or placeholder text serve as important filling aids.<\/p>\n<\/div><\/div><\/div> Empty form fields with placeholder texts<\/em><\/p>\n<\/div><\/div><\/div> Error messages and warning symbols [!] for incorrect entries<\/em><\/p>\n<\/div><\/div><\/div><\/div><\/div> The calculation of numerical field values is another function of HybridForms that supports and relieves you considerably during documentation and data entry on site. The automatic calculation<\/strong> of prices, quantities, durations, ages, etc. for two or more fields<\/strong> saves time and also avoids unnecessary input errors (or calculation errors).<\/p>\n<\/div><\/div><\/div> Example: Automatic calculation of duration<\/em><\/p>\n<\/div><\/div><\/div> Example: Automatic calculation of the total<\/em><\/p>\n<\/div><\/div><\/div><\/div><\/div> Form fields can be pre-filled with data from third-party systems and existing applications<\/strong>, such as the automatic transfer of operation IDs, file numbers and personal data. This means, for example, that forms and checklists for field staff can be optimally prepared in the back office, and unnecessary duplicate entries can be avoided later on the road.<\/p>\n<\/div><\/div><\/div> Pre-population of fields for customer data<\/em><\/p>\n<\/div><\/div><\/div> Pre-filled field with case ID<\/em><\/p>\n<\/div><\/div><\/div><\/div><\/div> Forms and checklists do not have to be \u2013 and actually should not always be \u2013 black and white. The targeted use of colors not only makes forms more visually appealing, but also clearer and easier<\/strong> to use. Be it to clearly mark open mandatory fields, to display error messages and warnings in an eye-catching way, to design interactive buttons, to highlight selected options more strongly or to confirm correct entries. The HybridForms App uses an integrated style guide from which the colors for field titles, field backgrounds, options for radio buttons and checkboxes, buttons, etc. are taken. Optionally, you can also adapt these definitions according to your company’s own corporate design specifications.<\/p>\n<\/div><\/div><\/div> Clarity and highlighting of the selected product<\/em><\/p>\n<\/div><\/div><\/div> Labelling of the selected option<\/em><\/p>\n<\/div><\/div><\/div><\/div><\/div>Labelling of mandatory fields<\/h2><\/div><\/div><\/div>
<\/span><\/div>
<\/span><\/div>Live status info for the completion level of mandatory fields<\/h2><\/div><\/div><\/div>
\n
<\/span><\/div>
<\/span><\/div>Tooltips and help<\/h2><\/div><\/div><\/div>
<\/span><\/div>
<\/span><\/div>Direct validation of input and error messages<\/h2><\/div><\/div><\/div>
<\/span><\/div><\/div>
<\/span><\/div><\/div>Automatic calculation of field values<\/h2><\/div><\/div><\/div>
<\/span><\/div><\/div><\/div><\/div>
<\/span><\/div>
<\/span><\/div><\/div><\/div>
<\/span><\/div>Pre-populated form fields<\/h2><\/div><\/div><\/div>
<\/span><\/div>
<\/span><\/div>Purposeful use of colors<\/h2><\/div><\/div><\/div>
<\/span><\/div>
<\/span><\/div>Optimal display of content and zoom<\/h2><\/div><\/div><\/div>