Skip to content

UXD - Update progress modal with countdown and "please wait" message #1945

Open
@cottonchristopher

Description

@cottonchristopher

Overview

We need to update the progress modal with language that indicates time remaining to load and the "please wait" message
so that we decrease the number of user’s who abandon the process.

Action Items

  • Complete Design Iterations section below
    • create a loading bar that indicates the percentage downloaded
    • create multiple states of the "please wait" message, depending on the download size
      • for short to medium download time, consider using minimal message
      • for long download times, explain that loading more data will take more time
  • 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

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

Metadata

Metadata

Assignees

Labels

Complexity: Smalltickets that are prescriptive, easily understood and executablep-feature: loading barthe modal that appears when user has confirmed their filter criteria in search and filters modalrole: UI/UX Designticket for the UI/UX Design team to work on; type, font, placement aesthetics of the sitesize: 2ptCan be done in 7-12 hours

Type

No type

Projects

Status

In progress

Relationships

None yet

Development

No branches or pull requests

Issue actions