Epic: Update Loading Screen With 311 Data Info

[annaseulgi]

Design To Engineering Hand Off Epic

Overview

We need to update the loading modal so that it is clear that the website is for the 311 Data project and has no affiliation with the City of LA.

Details

Bonnie has asked that the loading modal combines the loading popup with the "non-affiliation message" popup. She also suggested that the user can be presented with fun-facts while the user waits for the data to load.

PM Action Items

• Fix Title
• Update 'Feature Description'
• Add assignees (Design Lead, Engineering Lead, Assigned PM)
• Assign a Milestone
• Assign a Feature label
• Remove label 'Milestone: Missing'
• Add to Project Board

Design

NOTE: Bonnie has requested an update to the design of the loading modal. Design Team needs to update these designs on the Figma.

Design Action Items

• fill in 'Section Name' in Figma Resources
• update image url and remove markdown tags
• Update 'Design Issue(s)' with list of relevant issues with role role: UI/UX Design

Figma Resources

• Link to Figma File
• Page Name:⭐⭐⭐ V1.2 HAND-OFF
• Section Name: Loading Screen

Screenshot of Finalized Designs

Screenshot of Figma

Design Issue(s)

• Loading screen mockups #1604
• Loading screen low-fi iterations #1594
• Loading Screen 2nd Iterations #1609
• Update Loading Modals after Feedback from Bonnie #1655

Engineering

Engineering Action Items

• Review 'Useful Notes for Figma' below
• Locate section on 311 Data Figma
• Create and list engineering tickets, adding dependency on design tickets if they are not yet completed.

Final Action items for PM

• Review all changes to confirm this epic is complete
• Close this issue

Useful Notes for Figma

The file describes the overall Figma page. There is one Figma file for the team, which is the 311_Data_UXUI file. The page is the location of designs within the file, selected via the left-hand-side as a table of contents. The section name is the title of a particular section of the page. The section will encompass all relevant info needed to complete this request.

Engineering Issue(s)

• Update Loading Modals (Dev)  #1676

Resources

What is a Design, Engineering Handoff epic: Ticket for tracking designs submitted to engineering, discussion around implementation of designs

Replace this text with a bulletted list of resources that might be useful to engineers or designers

[edwinjue]

Hi @annaseulgi, just want to make sure I'm looking at the most up-to-date version of this file. Can you provide a link to the figma file and a screenshot of where it is on the page? Thanks

[annaseulgi]

@edwinjue All the up-to-date figma designs and link to the file are located above in the issue. Please refer to that for specifications. Thanks!

[ryanfchase]

PM team is migrating the design to eng hand off tickets to become epics. Moving to New Issue Approval in the meantime.

Also -- requirements have changed based on convo with Bonnie in previous general meeting. PM team to update requirements before moving back to Epic column.

[ryanfchase]

PM Instructions for correcting Design to Engineering Hand Off tickets to become Epics:

• Preface title with "Epic: "
• Update overview to comply with format, We need X for Y reason (consider using text from Description of Requested Change)
• Make sure labels indicate who should be working on this ticket next (see instructions here)
• If Milestone was set to Launch, set it to Map Page or Product Maintenance.
• Modify the screenshot to use the Details command to make it hideable (see instructions here)

[ryanfchase]

I've updated this epic with the latest design ticket concerning Bonnie's feedback of the modal. Removing role: UI/UX Design. Leaving role: Frontend and ready for dev lead and Needs More Info for dev team.

[bberhane]

Is this good to close @ryanfchase?

[bberhane]

Yes, it is!