User interface/user experience (UI/UX) development

In Ferryt’s UI development process, the Module Screen is pivotal for displaying interfaces during process execution. It consists of several elements defined in Screen Layouts to enhance user interaction and process navigation:

• Header Part: Displays a progress bar indicating the user’s progress through the process.
• Tabs Part: Facilitates organization by displaying separate tabs for different sections of information, if necessary.
• Left and Right Sections: Provide supplementary information or interaction options alongside the main content, usually used for summary of the entered data.
• Main Form Section: Serves as the primary area for user interaction on the process form
• Footer Part: Hosts action buttons like submit, save, or proceed, guiding users through the process steps.

Importantly, all these sections are designed using the Form Designer, ensuring a consistent and intuitive creation process that enhances the overall user experience.

The Form Designer employs a visual (WYSIWYG – What You See Is What You Get) interface, streamlining the design process by allowing developers to see exactly how forms will appear to end-users. This approach significantly enhances usability and design efficiency. The designer supports a wide array of controls and fields, enabling the creation of forms tailored to specific process requirements. Notable controls include:

• Text Inputs: For entering single or multiline text.
• Dropdown Lists: To select from a list of predefined options.
• Checkboxes: For making binary choices or selecting multiple options.
• Radio Buttons: To select one option from several choices.
• Date Selectors: For easy input of dates.
• Sliders: To choose from a range of values.
• Buttons: For form submission or other actions. These elements empower developers to build dynamic, interactive forms that cater to the diverse data collection needs of business processes.

In addition to offering a wide range of controls and fields for form creation, the Form Designer provides functionality for testing the designed interface within the design environment. This crucial feature allows developers to preview and test how forms will appear and function across different devices and contexts before deployment. Specifically, the designer supports several response views to ensure optimal usability and aesthetics on various platforms:

• PC View: Simulates the form’s appearance on desktop computers, allowing designers to optimize layouts for larger screens.
• Tablet View: Helps adjust the design for tablet screens, which offer a middle ground between mobile and desktop display sizes.
• Mobile View: Ensures that forms are user-friendly on smaller screens, emphasizing the need for responsive design to accommodate mobile users.
• Embedded View: This is particularly useful for simulating how a Ferryt form will look when embedded within a third-party application. It allows designers to anticipate and resolve any integration or display issues ahead of time.

These testing capabilities within the Form Designer ensure that the user interfaces are not only functional but also aesthetically pleasing and accessible across different devices and in various usage scenarios. By incorporating these responsive and embedded views into the design and testing process, developers can create more versatile and user-centric forms, enhancing the overall user experience within the Ferryt ecosystem.

Widget Panels are essential features within the Ferryt Workplace, designed to enhance productivity and information accessibility. These panels can be populated with various widgets, such as:

• Task Lists: For a quick overview of assigned or pending tasks.
• Charts and Graphs: Providing visual data representations to aid in quick analysis.
• Notifications: To alert users about important updates or reminders.
• Custom Widgets: Tailored to specific business requirements, offering functionalities like activity feeds, event calendars, or shortcuts to frequent actions. By utilizing Widget Panels, the Ferryt Workplace can be customized to fit the unique needs of its users, ensuring that critical information and tools are always within reach, thereby optimizing efficiency and engagement in the workspace.

Together, these elements embody Ferryt’s commitment to providing a comprehensive suite of tools for UI development. From the strategic layout planning with the Module Screen to the detailed form construction in the Form Designer and the customizable efficiency of Widget Panels, Ferryt equips developers with everything they need to create intuitive, responsive, and attractive user interfaces. This holistic approach not only enhances the user experience but also empowers businesses to streamline their processes, ensuring that technology serves as a bridge, not a barrier, to operational efficiency and user satisfaction.