Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve map toggle #599

Open
thansidwell opened this issue Apr 27, 2024 · 2 comments
Open

Improve map toggle #599

thansidwell opened this issue Apr 27, 2024 · 2 comments
Assignees

Comments

@thansidwell
Copy link
Collaborator

thansidwell commented Apr 27, 2024

The current map/list view toggle likely has usability problems.

  • The four squares icon likely isn't commonly recognizable as a view control, while other icons like filter, plus, minus are more commonly understood.
  • Being top left, it seems to blend into the interface and is likely overlooked.
CleanShot.2024-04-27.at.11.10.25.mp4

Making these improvements will likely improve the usability. View Prototype

  • Add a fixed button center bottom floating above the map and the list
    • Clicking this button toggles between the map and the list
  • Remove the toggle from the top bar row. The row shouldn't need to change from desktop to mobile.

This new button takes up extra space there, which overlaps with the legend.

  • Make the legend on mobile collapse to just an info icon
    • When users click on it the legend should fully appear
    • Clicking on the title should collapse the legend again
CleanShot.2024-04-27.at.11.13.43.mp4
@thansidwell thansidwell changed the title Improve usability of map toggle Improve map toggle Apr 27, 2024
@amyyeung17
Copy link
Contributor

I would like to work on this. :)

@bacitracin
Copy link
Collaborator

Assigned!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: In Development
Development

No branches or pull requests

3 participants