hackforla / hackforla/311-data

UXD - Inform user that current year's data is not yet available.

Open
#1,893 40 comments 0 reactions 1 assignee Claimed by @pogwon View on GitHub
Complexity: Medium on agenda: general p-feature: Map ready for dev lead role: UI/UX Design size: 2pt
Dominant language
JavaScript
Stars
73
Forks
74
PR merge metrics
No merged PRs in 30d

Description

### Overview

We need to design a solution that conveys to user that data for year 202x is not yet available so that users understand why no data is not appearing for that timeframe and don't think there are no entries or get frustrated and abandon the process.

### More Info
At the beginning of each year, there is a brief lag (~6 weeks) until that years' data is available for our product.
FOR EXAMPLE: On January 13, 2026, the user attempts to request data from the first week of January; this is not possible until the data is available at a later date.

### Action Items

- [x] Research potential ways to signify data unavailability
- [x] Determine whether this situation is an error state, empty state, or other
- [x] Recommend most impactful way to design
- [x] Complete Design Iterations section below
- [x] Document user interaction in Figma
- [x] Complete Hand Off Materials section
---

### Design Iterations

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

Iteration 1

Link to notes: (https://github.com/hackforla/311-data/issues/1893#issuecomment-3776146762)

Image


Iteration 2

Link to notes: `(https://github.com/hackforla/311-data/issues/1893#issuecomment-3808620372)`

Image


Iteration 3

Link to notes: `https://github.com/hackforla/311-data/issues/1893#issuecomment-3917884774`

Image


Final Iteration

Link to notes: `https://github.com/hackforla/311-data/issues/1893#issuecomment-4035401562`

Image



---

### Hand Off Materials

Figma Section Name: `⭐⭐⭐ Handoff`

Before Screenshot

`REPLACE WITH SCREENSHOT UPLOAD`


After Screenshot (Finalized)

Image


### Designer Resources

[Error-Message Guidelines](https://www.nngroup.com/articles/error-message-guidelines/)
[Designing Empty States in Complex Applications](https://www.nngroup.com/articles/empty-state-interface-design/)
https://github.com/orgs/hackforla/projects/63/views/6?pane=issue&itemId=128381116&issue=hackforla%7C311-data%7C2024

Iteration Dropdown Copy/Paste

```

Iteration X

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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.