311-data icon indicating copy to clipboard operation
311-data copied to clipboard

UXD - Mobile Blank Map User Flow

Open Joy-Truex opened this issue 4 months ago • 1 comments

Overview

We need to explore new user flows for a blank map design on a mobile device so that we can adapt the flow for a smaller screen type with different interaction types.

Action Items

  • [ ] Adapt the blank map flow for a mobile device
  • [ ] Create low-fidelity mockups to specify which components need to be created for the mobile user flow
  • [ ] Verify with dev lead that this user flow is technically feasible
  • [ ] Document user interaction in Figma

Design Iterations

Please move ticket between In Progress and In Review to assist PM team

Iteration 1

The main difference: between desktop and mobile in the initial iteration of the mobile flow are:

  • adaptation of the instruction modal to include mobile-specific instructions
  • making the filter modal default to being closed and adjusting its location
Image

Low fidelity mockups

Image Image Image Image Image Image
Iteration COPY PASTE

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

Joy-Truex avatar Sep 02 '25 05:09 Joy-Truex

@ryanfchase should this be moved to the icebox for now? if so i can leave a comment outlining discussion and work so far.

Joy-Truex avatar Sep 24 '25 08:09 Joy-Truex