hackforla
UXD - Blank Map Success Indicator
Overview
We need to alert the user that the search they've requested is completed so they don't get frustrated and abandon because they think the map is still rendering data.
Action Items
- [x] Investigate an appropriate way to alert the user that their search is completed
- [x] organization stakeholder has recommended using a snackbar
- [x] Document user interaction in Figma
- [x] Update the Hand Off section of this ticket with the final iteration of this design
Design Iterations
Please move ticket between In Progress and In Review to assist PM team
Hand Off Materials
Figma Section Name: ⭐⭐⭐ Handoff
Before Screenshot
After Screenshot (Finalized)
Designer Resources
Iteration Dropdown Copy/Paste
<details><summary>Iteration X</summary>
<p>
Link to notes: `REPLACE WITH COMMENT URL`
`REPLACE WITH SCREENSHOT UPLOAD`
</p>
</details>
Instructions for Engineering Hand Off
To Start Engineering Hand Off...
- Ensure all Hand Off Materials are filled in
- Add the "ready for dev lead" label
- Leave a comment saying "This ticket is ready for engineering hand off."
Iteration 1
- Two versions, one that disappears on its own and one that requires the user to close it themselves.
- After feedback, I will be going forward with the design that closes on its own.
- Will prepare for handoff with user interaction documentation.
- During our meeting, we also discussed if the snackbar itself is necessary, as we already have a progress modal for when the user submits their search request. Regardless, I will prepare this for handoff, but include some extra notes in case PM team wants to consider it.
Designs Ready for Handoff
- Link to Figma Designs
- The bottom design is to show the user interaction for the snackbar and is viewable in prototype mode
Note - While discussing with the design team, I did notice that the search request (after selecting filters) has its own progress/loading modal that would follow (documented in the user flow in https://github.com/hackforla/311-data/issues/1944). If we were to include both, the search process would essentially be:
- User selects filters
- User submits search request
- Loading/progress modal tracks how much of the data has loaded, eventually reaching 100%.
- Modal disappears, as the map shows data points.
- Snackbar appears notifying the user that data has successfully loaded.
Because of this, I am wondering if a snackbar is actually necessary to notify the user that data has finished loading if the loading modal already accomplishes this (once it reaches 100% and the map finishes loading). However, this is just a recommendation and the leads can decide if it's worth implementing or not.