Prototype wireframes for admin dashboard

[rachelwhaley]

Overview

Propose a new design for the admin dashboard based on data visualizations

Dependencies

• See the list of potential metrics in the User Personas project board

Approved Metrics

• Total count of volunteer by location (for date range selected)
• Total sum of volunteer hours by location (for date range selected)
• Average volunteer hours per volunteer by location & across all locations (for date range selected)
• Most hours volunteered Leaderboard (Top 5 default, "View All" will expand to full list)
  **Maybe we should consider a "View More" instead, that shows 10-20 more at a time, to prevent a massive list with poor performance)
• Individual Event Details - Past Events & Upcoming Events.

CUT Metrics

• Volunteer hours graphed on a trend chart over time.
• Volunteer metrics filtered by custom time frame (custom week, month, quarter, year)
• Total hours by Team
• Average hours of volunteer by Team
• Hours volunteered by type of project

Action Items

• Review list from the User Personas board and create wireframes based on findings

Resources

Current draft of wireframes: https://www.figma.com/file/9c6pxjImN8MjHAZLH7zxYm/VRMS-Mocks?node-id=22881%3A2786

[kelseylc]

Kill "Hi, [User]" tile, move to top right corner

Global Filters:

• Location
  *** DTLA
  *** Westside
  *** South LA
• Date Range
  *** Last 7 Days
  *** Last 30 Days
  *** Last 90 Days
  *** Last 6 months
  *** Last 12 months
  *** All Time

Data Chart:

• 100% Stacked or Pie or Donut Chart
• Metrics shown TBD see here: Define new dashboard data charts #42

Data tiles:

• Total Volunteers
• Total Hours Volunteered
• Avg. Hours by Location
• Avg. Hours by Volunteer

Leaderboard: (most hours volunteered per person, DESC, LIMIT 10)

• Name
• Events (count)
• Hours (sum)

Tabs: Events, Brigade

Events:
Upcoming, Past

Past Events: (details)

• Event Name
• Event Date & Time (humanize format)
• City, State
• Status: Open/Closed
• Checkins: (count)
• Total Volunteer Hours: (Sum)
• Attendees: (list of check-ins, display first_name last_name)

[kelseylc]

Wireframes completed for V1, signed off by Bonnie. We'll create new versions for user personas later.

[kelseylc]

d2133d (red)
005a87 (dark blue)
5dafdc (light blue)

Cut Event Details person table (keep chart & total)