hackforla / hackforla/311-data
UXD - Design Implementation of Copy Audit of Search and Filter Modal
- Dominant language
- JavaScript
- Stars
- 73
- Forks
- 74
- PR merge metrics
- No merged PRs in 30d
Description
### Overview
We need to implement the designs from our recent copy audit to ensure the recommendations are reflected in our design system.
### Action Items
**Previous Ticket Review**
- [x] Review comments on #1978
- [x] "1. Adjust to an action focus..." ([comment](https://github.com/hackforla/311-data/issues/1978#issuecomment-2982969621))
- [x] "2. Shorten text in [Request Types] tooltip..." ([comment](https://github.com/hackforla/311-data/issues/1978#issuecomment-2982977603))
- [x] "3. Title vs sentence case..." ([comment](https://github.com/hackforla/311-data/issues/1978#issuecomment-2982980689))
**Designer Todo**
- [x] Update Search and Filter text fields
- [x] Change “Neighborhood Councils” → “Select a neighborhood”
- [x] Change date range field → “Select a date range”
- [x] Request Types tooltip
- [x] Shorten to: `“These categories are maintained by the Information Technologies Agency and may not reflect those on MyLA311.”`
- [x] Implement capitalization rules
- [x] Labels / hierarchy → Title Case (e.g., “Neighborhood”)
- [x] Formal language → Title Case
- [x] Full sentences → Sentence case
- [x] Make a reusable design system component based on content feedback
**Ticket Bookkeeping**
- [x] Update Hand Off section with the final design
---
### Resources
Click to see: 💱Search and Filter changes
Click to see: ℹ️ Tooltip text for Request Types
### Design Iterations
**Please move ticket between `In Progress` and `In Review` to assist PM team**
Iteration 1
Link to notes: `REPLACE WITH COMMENT URL`
`REPLACE WITH SCREENSHOT UPLOAD`
---
### Hand Off Materials
Figma Section Name: `✏️ Design System`
Before Screenshot
-
-
After Screenshot (Finalized)
-
-
### Designer Resources
Iteration Dropdown Copy/Paste
```
Link to notes: `REPLACE WITH COMMENT URL`
`REPLACE WITH SCREENSHOT UPLOAD`
```
Instructions for Engineering Hand Off
To Start Engineering Hand Off...
1. Ensure all Hand Off Materials are filled in
3. Add the "ready for dev lead" label
4. Leave a comment saying "This ticket is ready for engineering hand off."
Contributor guide
Assessment
This issue has not been assessed yet.