hackforla / hackforla/311-data
ER: Enhance Address Search House Icon with Additional Features
- Dominant language
- JavaScript
- Stars
- 73
- Forks
- 74
- PR merge metrics
- No merged PRs in 30d
Description
### Emergent Requirement - Problem Description
- The original issue was that users couldn’t understand the purpose of the house icon on the map.
### Relevant Issue(s)
- https://github.com/hackforla/311-data/issues/1816#issue-2511538413
- https://github.com/hackforla/311-data/issues/1924
- https://github.com/hackforla/311-data/issues/1925
### Date discovered
- Around the end of August, the issue was posted on September 7th
### Did this require a temporary workaround? If yes, what was it?
- Yes there might be temporary workaround but it won't take long for I have already many design samples. The only problem I have was with Figma's manual positioning feature for prototyping, but I think there are alternative approaches I can use.
### Who was involved
- (@name, optional)
### What happens if this is not addressed
- The design will be too simple, showing only the NC’s name and address, and this may be less informative and interactive. The users may still be unclear about the purpose of the address search icon, potentially leading to confusion or a lack of engagement with the map.
### Resources
Click to see Design 1
[Figma Link: Design #1](https://www.figma.com/design/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=14409-13224&t=rQFVwIl5ZSLI1AYA-4)

Click to see Design 2
[Design #2](https://www.figma.com/design/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=15602-1921&t=rQFVwIl5ZSLI1AYA-4)

Click to see Design 3
[Design #3](https://www.figma.com/design/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=15519-1913&t=rQFVwIl5ZSLI1AYA-4)

### Recommended Action Items
- [x] Share issue link with team Lead
- [x] Add to upcoming agenda
### Potential Solutions
To improve clarity, I’ll replace the address house icon with a location pin, add hover animation, make it clickable, and include key info like the NC’s name, exact address(cause the address in some cases doesn't show), Google Maps directions, and simple contact options(social media handles, which are more reliable than websites links). If a NC doesn't have certain social media account, remove that specific handle from the card and automatically fix the layout.
If anything needs me to correct, feel free to let me know. Thanks.
### Dependency
- [x] recruit UXR Leads to scope out Research Plan on Address Search functionality
Contributor guide
Assessment
This issue has not been assessed yet.