Weblink Improvements

This article contains details of features added and UI improvements in the latest customer self-inspection flow.
                   

Input Page Improvements:

• Field Identification : Each field is now enclosed in a visually appealing box, clearly displaying the name of the field. This makes it easier to identify and locate the specific information you need to input.

• Easy Removal : We've added a convenient "cross" button next to each field. With a simple click, you can now remove any filled value instantly. 

Guided Flow Improvements :

• Help image : Now, you can find a reference image at the top right corner of the camera UI. This handy visual representation provides a quick preview of the image you are about to capture.

• Capture button : We have relocated the image capture or click button to the center right area of the camera UI. This new placement ensures easy accessibility and a consistent user flow, enabling you to effortlessly capture images with a simple click.

• Submit button : To streamline your experience, we have placed the submit or tick button at the bottom right corner of the screen. This intuitive placement provides a clear indication of the action to be taken after capturing all the required images, making the process smoother and more efficient.

• Fullscreen Button : The full-screen button is now conveniently positioned at the top left corner of the screen, allowing you to hide the address bar and maximize the camera UI for a distraction-free experience.

• Captured image count : Keep track of your progress! The count of captured images is displayed in the bottom left corner of the screen. This useful feature helps you ensure that all required images have been successfully captured.

• Panels to capture : To provide clear guidance, overlay names are now displayed on the left side of the camera UI. The overlay name will be highlighted based on the currently displayed overlay, allowing for easy identification and seamless navigation.

Checklist Improvements :

• Checklist into pages : Say goodbye to long checklists! We have transformed the checklist into separate pages, ensuring better organization and ease of use. Now, you can navigate through the checklist seamlessly, focusing on one page at a time.
• Progress bar : Stay informed about your progress! We have introduced a progress bar at the top of the checklist, indicating the percentage of completion across all pages and sections. This visual guide helps you track your progress and provides a clear overview of your checklist status.
• Bottom navigation buttons : Effortlessly switch between checklist pages with our convenient bottom navigation buttons. Easily navigate to the previous or next page, or complete the checklist when you have finished all the required sections.
• Support for Notes and Images : Enhance your checklist entries with additional context! You can now add descriptions or attach relevant images to specific fields in the checklist.
• Mandatory fields : Ensure completeness and accuracy! Mandatory questions are highlighted, and you won't be able to proceed to the next page unless all mandatory fields are filled.
• Min and Max Length Limits : Some fields have specific length requirements or accept values within a defined range. Our checklist now includes validation to ensure that the entered string meets the length criteria or falls within the specified range for enhanced data accuracy.
• Auto Save : Never lose your progress again! The checklist progress is automatically saved on each page. Whether you complete two out of five pages or close and reopen the web link, the system will seamlessly resume from where you left off.

You may also be interested in : Carry out an Inspection in Mobile Browser