hackforla / hackforla/311-data
UXD - Mobile Blank Map User Flow
- Dominant language
- JavaScript
- Stars
- 73
- Forks
- 74
- PR merge metrics
- No merged PRs in 30d
Description
### 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
Low fidelity mockups
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
```
Link to notes: `REPLACE WITH COMMENT URL`
`REPLACE WITH SCREENSHOT UPLOAD`
```
Instructions for Engineering Hand Off
To Start Engineering Hand Off...
1. Ensure all Hand Off Materials are filled in
3. Add the "ready for dev lead" label
4. Leave a comment saying "This ticket is ready for engineering hand off."
Contributor guide
Assessment
This issue has not been assessed yet.