Implemented a User-Friendly DOM-Based Message System to Replace Intrusive Alert Messages #918
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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
2024-03-30.02-14-59.mp4
After
2024-03-30.02-14-15.mp4