UXD - "Welcome to 311 Data" modal (Mobile)

[krystalphn]

Overview

We need to adapt the "Welcome to 311 Data" modal design for mobile devices so users can quickly learn how to interact with and use the product. This is a two-part modal.

More Details

The "Welcome to 311 Data" modal 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
  UXD - Low fidelity mockups for mobile-lite #2046 and listed in the resources section)
  • "Welcome to 311 Data" 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
#2046
See "Welcome to 311 Data" Modal Dropdown

"Welcome to 311 Data" modal + "How to view 311 service requests" modal

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

1. Ensure all Hand Off Materials are filled in
2. Add the "ready for dev lead" label
3. Leave a comment saying "This ticket is ready for engineering hand off."