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

Browse page redesign #519

Open
8 of 23 tasks
dabreegster opened this issue Oct 1, 2024 · 0 comments
Open
8 of 23 tasks

Browse page redesign #519

dabreegster opened this issue Oct 1, 2024 · 0 comments

Comments

@dabreegster
Copy link
Contributor

dabreegster commented Oct 1, 2024

Summarizing a whole bunch of ideas from UX studies and followup meetings, here's a rough order of steps to redesign the browse page.

Part 1: schemes as layers, split ATF and LCWIP

  • Remove the list of scheme cards
  • Group all of the schemes controls and express as a layer
  • Move the layer controls to the left sidebar (this and above started in browse_layout_v2)
  • Change the scheme name filter to an autocomplete text box
  • Use a search icon in the text box
  • Reorg scheme filters as a big modal, and remove the slow incremental filtering
  • Split into ATF and LCWIP scheme layers, UI only
  • Actually split the ATF and LCWIP scheme data files in upstream repo
  • The first time opening scheme or LCWIP layer, launch a popup with its caveats (and remember to do this once in local storage; put a version number there, so we can update the notes later)
  • Preserve the state of filters and scheme layers in the URL

Part 2: selected layers and separate legend

  • Clear layers
  • Selected layers
  • Make a floating right panel for the legend, for all of the active layers. Keep all controls on the left, as-is; just move the legend
  • Use small radios for 2021 census (linebreak issue)
  • Fix the checkbox + buttons on the right (linebreak issue)
  • Reverse the order of boundary layers, and adjust thickness

Part 3: related cleanups / polish

  • Reconsider "zoom to show entire scheme". Should it filter to only show it?
  • Use different X button style everywhere
  • Bold keys, not values, in map popups everywhere

Orthogonally to these changes, redesign the 3 map tools (for all tools actually -- SS, SB, route check):

  • Basemap should be an icon bottom-right of map, use a modal to pick
  • Streetview should expand into a small panel. Maybe remove Bing, or move it into an options modal
  • Ruler should expand into a small panel, or maybe try tooltip text on the map instead
  • Make sure the cursor for Streetview and Ruler stays changed while these tools are active

Less certain ideas:

  • When opening a map popup from one layer, scroll to it in the sidebar
  • Maybe consolidate some layers; boundaries could become one layer, with a radio?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant