project-icp / bee-pollinator-app

The web application front end for the ICP Pollinator Decision Support Tool 🐝
Apache License 2.0
6 stars 1 forks source link

Hard to find the CDL #485

Closed dboyer closed 5 years ago

dboyer commented 5 years ago

Users reported it was challenging to find the CDL and didn't realize they could view it by clicking the stack icon in the lower left of the map. Possible suggestions to make it more visible include a tooltip when hovering over the icon, have the table of values always visible, or add text explaining the CDL somewhere.

Tagging @jfrankl for design feedback on the best way to emphasize this feature.

jfrankl commented 5 years ago

I spoke with @dboyer about this. To make the CDL more discoverable, let's add a button that includes a label and image. This will include moving the zoom in/out buttons to the top right of the map.

Default state

image

Crop layer open

image

Note, when the crop layer is open, there needs to be an "X" close button to go back to the default state. Let's connect the header, legend, and opacity slider into one component.

jfrankl commented 5 years ago

Here's an image that can be used:

cdl