Twin-Cities-Mutual-Aid / twin-cities-aid-distribution-locations

A webapp to coordinate aid and care in the Twin Cities.
43 stars 32 forks source link

Add 'badges' for all of the services to the cards for sites #223

Open codarose opened 4 years ago

codarose commented 4 years ago
drewsteff commented 4 years ago

Ok so basically I have 2 ‘options’ or rather ideas. The services offered section (or whatever terminology we decide to use) would theoretically look like a list with dashes for each service and exist just like the other areas on the pop up window such as ‘Notes’ or ‘Open for distribution’.

Figured that was simple and consistent but open to other ideas on the text in each pop up window. My bigger thought is on the badges incorporated into the pop up windows that I show in the options below and explain the distinction on each.

Option 1: The first ‘option’ is simply adding the services offered here badge in a different color, then indicating this on the pop up window of the location with the same type of section as the rest of the information provided. I noticed that we don’t have a badge shown as a badge for ‘Volunteers Needed Here’ on the actual pop up window that is shown on the list of locations.

Option 2: Re-formatting the 3 badges into a unique color for each. Then we put those on the pop up windows above each section or putting the donate now button on the top under the address of a location for more visibility with donation call to action emphasized and prioritized. Also making distinct colors and adding them to the pop up is an easy way to ‘chunk’ information for it to be more scannable and quickly understood to users.

(we could also use the badges in the pop up windows and simply change them to be section headers so it would be ‘Volunteer Information’ instead of the ‘Volunteers Needed Here’ that is the same on the list of locations and acts as a header versus another repeat badge)

Option 1 - Services offered badge on both list of locations and pop up window

Option 1 - Services offered badge on both list of locations and pop up window

Option 1.1 - Services Offered badge only on list of locations

Option 1 1 - Services Offered badge only on list of locations

Option 2 - Updated color badges; on list of locations and pop up window

Option 2 - Updated color badges; on list of locations and pop up window