Design Review V1 (In Progress)

🗒️ 0. “Component” Improvements

User Need 🤔

Recommendation 📝

Current Example

Proposed Change

As a user, I want consistent styling for buttons types and text boxes so at a glance I can easily see and know what I can interact with and how.

• Create a “style guide” / component set for all the standard elements that appear in the app (e.g. buttons, text boxes, drop downs, etc.)

• Add an iconography library and consider adding icons to key buttons so the user knows at a glance what the button is for without reading (priority for common / reoccurring button features, e.g. “next” or “submit”)

As a user, I want there to be clear styling on tooltips so I know where to look for help and it’s easy to digest the information.

• Create styling for tooltips and potentially other page elements / sections so they’re clear and easy for the user to find.

As a developer, I’d like a simple “ruleset” that informs consistently how various pages change for a responsive / mobile layout.

• Create a series of design rules / recommendations and ensure the designs across all the pages can work within those rules to create clear mobile layouts.

🗒️ 1. “Map & Site Conditions” Improvements

User Need 🤔

Recommendation 📝

Current Example

Proposed Change

As a user, I'd like more instructions on how to use the drawing tool (note general difficulty with drawing tool).

Put the instructions above the map.

If possible, put the zone dropdown on the map too. If not, put it below the map so it feels less important than the map.

As a user, on the map page I didn't know to click next in order to proceed.

Hide the lower navigation bar for now. We should do AB test different approaches or placements for this bar as well.

🗒️ 1. “Browse Cover Crops” Improvements

User Need 🤔

Recommendation 📝

Current Example

Proposed Change

As a user I found the white space on the page distracting and hard to see the tabs.

Remove the green dropdown background and emphasize the “Hide Sidebar” button.

Make clear panels that include the filters so that users can see what gets collapsed.

Nest the “1-5” in each filter section so it only shows when that filter section is expanded.

Move the List/ Calendar options to be placed above the information display, making them feel more connected.

As a user, the tab headings are hard to read for me and I'd appreciate more contrast. I'd also like better highlighting of the tabs.

As a user I did not realize that the clicking the goals priotitized the order (general lack of clarity around goal ordering).

Add a highlight/ selection state to the sorts on the headings.

“pop out” the selected information and highlight the selected goal in Blue.

This fix also depends on how sorting works, we could always add sort arrows to the buttons as an alternative

As a user I need a legend so I can understand what's been shown.

Move the Legend to a panel on the left and make it collapsable.

Use a Blue [-]/ [+] button for show and hide on the top level so that it stands out from the other arrows, and feels clickable like other buttons.

As a user, I was confused by the 1-5 scale when applied to minimum temperature range and other options.

As a user, I'd like to see more instructions overall. / As a user, I think it's hard to notice the instructions.

As a user, I want information to be visually prioritized so that I see the information that's most important for me first in a simple/ summary view.

Priorities could be: planting dates, seeding rates, cost, termination, potential problems with planting, pest managent, what to plant next, Felt some of the info they had to dig for

As a user when I select aerial seeding, I'd like just a "yes" or "no" the current scale feels confusing.

As a user, the similar wording between "My List" and "List View" confuses me.

Change “List View” to “Crop List”

Change “Calendar View” to “Crop Calendar”

Change “View My List” to “My Selected Crops”

N/A

N/A

As a user, I'd like the headings of the columns to be frozen to the top so if I scroll I can still see them.

N/A

N/A

As a user, I had a hard time finding termination information.