hackforla / hackforla/311-data

UXD - Design Implementation of Copy Audit of Search and Filter Modal

Open
#2,007 18 comments 0 reactions 1 assignee Claimed by @pogwon View on GitHub
Complexity: Small Feature: Style Guide p-feature: Search/Filter Modal ready for dev lead role: UI/UX Design size: 0.50pt
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

Image


Click to see: ℹ️ Tooltip text for Request Types

Image


### 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

- Image

- Image


After Screenshot (Finalized)

- Image

- Image


### Designer Resources

Iteration Dropdown Copy/Paste

```

Iteration X

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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.