hackforla / hackforla/311-data

UXD - Privacy modal (Mobile)

Open
#2,089 2 comments 0 reactions 0 assignees View on GitHub
Complexity: Small P-feature: Mobile ready for prioritization role: UI/UX Design size: 1pt
Dominant language
JavaScript
Stars
73
Forks
74
PR merge metrics
No merged PRs in 30d

Description

### Overview
We need to adapt the privacy modal design for mobile devices so users can review and approve the Cookies and Privacy Policy.

#### More Details

The Cookies and Privacy Policy should appear as an overlay and require acknowledgement to close it. The copy should not be altered unless strong justification is provided and approved.

### Action Items

- [ ] Adapt the existing elements for mobile (following the general approved outline from [UXD - Low fidelity mockups for mobile-lite](https://github.com/hackforla/311-data/issues/2046#top)
#2046 and listed in the resources section)
- [ ] "Cookies & Privacy Policy" modal
- [ ] Update component(s) in design system library
- [ ] Document user interaction in Figma
- [ ] 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**

Iteration 1

Link to notes: `REPLACE WITH COMMENT URL`

`REPLACE WITH SCREENSHOT UPLOAD`


---

### Hand Off Materials

Figma Section Name: `REPLACE WITH SECTION NAME`

Before Screenshot

`REPLACE WITH SCREENSHOT UPLOAD`


After Screenshot (Finalized)

`REPLACE WITH SCREENSHOT UPLOAD`


### Designer Resources

Mockup ticket: [UXD - Low fidelity mockups for mobile-lite](https://github.com/hackforla/311-data/issues/2046#top)
#2046
See Privacy Modal Dropdown: [Privacy Modal](https://github.com/hackforla/311-data/issues/2046#issuecomment-3383771673)
Privacy modal screenshot

Image


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.