Create button to reset selection mode and recenter around all boundaries

[ryanfchase]

Overview

Users are getting lost in the map when selecting an NC, we need a way to quickly reset to the app's default state

Action Items

• Address the problem overview with possible design solution(s) in a comment
• Complete Design Iterations section below
• Document user interaction in Figma

Resources

V1.2 Moderated Usability Study

• October '23 slide indicating users expected a control for seeing entire map / attempting to unselect by zooming out
• August '24 slide indicating users expected a control for seeing entire map

---

Design Iterations

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

Iteration 1

Link to notes: #1817 (comment)

---

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

[ryanfchase]

Ready for design lead input. Please add:

• any further required information
• any possible blockers
• remove Size: Missing and add appropriate size

[Joy-Truex]

Additional resource: Comments on V1.2 August Presentation by UIUX Design Team Members

[pogwon]

After using different websites as examples and looking up best practices, most of the research for resetting filters seems to be within the context of e-commerce, but I think that's the closest we're going to get. I am designing a couple options and will have them ready by 10/16's meeting for a round of feedback.

[pogwon]

Iteration 1

After discussing with design team, two designs (top left and bottom left) seemed to make the most sense, so I will be going forward with those (along with seeing if any research favors one of them more) to finalize designs and make a decision.

[pogwon]

While working on second iterations, a lot of research shows that placing the clear/reset all buttons so close to another frequently used button (i.e. near the dropdown button for the neighborhood districts) could cause errors with users erasing accidentally erasing all their selections when they mean to only remove one. Are there designs that show what the dropdown would look like with multiple NC selections that we can use? @Joy-Truex @allisonjeon