I replaced the pages' alert message system with a more user-friendly DOM-based message system. Previously, the alert messages were disruptive and required users to close them before interacting with the page. The new system displays messages within the DOM and automatically disappears after 3 seconds. This change aligns with HCI standards by reducing user effort for minor tasks and improving overall user experience.
Motivation
The motivation behind this Pull Request is to enhance user experience by addressing the inconvenience caused by the previous alert message system. The alerts were intrusive and hindered user interaction with the page. By implementing a DOM-based message system with automatic dismissal, users can now seamlessly continue their tasks without interruption.
Testing
I extensively tested the new message system to ensure its functionality and usability. Beyond the automatic hooks, I manually verified that messages appear correctly, disappear after 3 seconds, and do not interfere with user interaction. Additionally, I tested the system across different browsers and devices to ensure compatibility.
Screenshot
NOTE: In both videos i tried uploading wrong file instead to Zip to show error, file upload was not capture by screen recorder but message is visibleBefore
Summary
I replaced the pages' alert message system with a more user-friendly DOM-based message system. Previously, the alert messages were disruptive and required users to close them before interacting with the page. The new system displays messages within the DOM and automatically disappears after 3 seconds. This change aligns with HCI standards by reducing user effort for minor tasks and improving overall user experience.
Motivation
The motivation behind this Pull Request is to enhance user experience by addressing the inconvenience caused by the previous alert message system. The alerts were intrusive and hindered user interaction with the page. By implementing a DOM-based message system with automatic dismissal, users can now seamlessly continue their tasks without interruption.
Testing
I extensively tested the new message system to ensure its functionality and usability. Beyond the automatic hooks, I manually verified that messages appear correctly, disappear after 3 seconds, and do not interfere with user interaction. Additionally, I tested the system across different browsers and devices to ensure compatibility.
Screenshot
NOTE: In both videos i tried uploading wrong file instead to Zip to show error, file upload was not capture by screen recorder but message is visible Before
https://github.com/camicroscope/caMicroscope/assets/66128370/e1b181bf-b67c-4d44-b9f5-8cbcee9569ef
After
https://github.com/camicroscope/caMicroscope/assets/66128370/14492d38-a235-4678-82bb-1537da2b5743