precision-sustainable-ag / dst-selector

https://covercrop-selector.org
MIT License
3 stars 1 forks source link

Front End Suggestions for Calendar View Header and button organization #480

Closed saseehav closed 10 months ago

saseehav commented 1 year ago

Suggestion for Moving "My List" Button from Top to above the Add to My List. This will 1) Remove awkward white space and 2) feel more intuitive for people who want to click My List header. This can remove it as a useless header. A red circle with a red "0" will prompt people to want to add to My List. image

Mock-up image

saseehav commented 1 year ago

Move the sort by cover crop feature above the cover crops that they will be sorting instead of in the middle of the header. image

Mock-up

image

saseehav commented 1 year ago

The current behavior is that when in Calendar View the List view button appears at the top and when in List view the Calendar view button appears at the top.

Suggestion: Add a button each "Calendar View" and "List View" that appear on both view pages, and when one is selected it is highlighted, so users can see there are 2 views and which one they are currently in. This will make it more intuitive that they can toggle back and forth. Like this mock-up

image
saseehav commented 1 year ago

Move the legend for the calendar view to directly above the calendar portion. make the "Cover Crop Growth Window" header smaller, longer and more lean across the months, and remove the whitespace above it.

Currently: image

Mock-up image

mikahpinegar commented 11 months ago

@Adamws33 i'm assigning this issue to you. all that needs to be done is add a button in the sidebar so there is one for both calendar and list view and have whichever one you're on be highlighted.

buttons

currently there is only one button and it switches the label based on which part of the tool you are using