Design messages for empty Submit Snapshot tables

[thetanmancan]

Dependency

• Draft language for Submit Snapshot page popovers and non content #2010

Overview

Please design messages that replace the tables on the Submit Snapshot page when no snapshots are listed.

Details

Currently on the Submit Snapshot page, when there are no snapshots on the page, the page shows the name and column headers for each table even though there is no content in the table cells, making the page look awkward.

A Submit Snapshot page devoid of snapshots on the current Dev site

This issue calls for the design of error messages in two scenarios.

1. If there is no data in any of the tables, one message should replace all table titles and tables. The message should inform the user of what a snapshot is and how to create and submit one.
2. If there is data in at least one of the tables, then those tables should present as normal, but any unpopulated tables should have a message appear below the table title in place of the table itself.

Action Items

• Wait for the text content for these messages to be approved by stakeholders via Draft language for Submit Snapshot page popovers and non content #2010 .
• Design UI mockups of designs for the two scenarios listed above.
• Review with the design team. Update designs if needed based on feedback.
• Review with the product, development, and research teams. Update designs if needed based on feedback.
• Add a slide to the the staging deck.
• After the slide has been approved by production, move it to the stakeholder presentation deck for the next stakeholder meeting.
• Review the design at the stakeholder meeting. Update designs if needed based on feedback.
• After getting stakeholder approval, create a design handoff for the development team.

Resources/Instructions

• Create separate form for submission #1407
• Link to the design system on Figma
• Link to the Feedback page on the Dev site