Greg Maguire
Volunteers_Thumbnail.png

Volunteer Management

Screen Shot 2018-08-04 at 2.38.59 PM.png

Arts People Volunteers

Create volunteer events, manage roles, assign shifts


Role: UX/UI Designer

Screen Shot 2018-08-04 at 2.38.59 PM.png
Volunteers_Thumbnail.png
Screen Shot 2018-08-04 at 2.38.59 PM.png
 


Background

Arts People is a ticketing and database management app geared towards small, performing arts venues. These theaters often rely on volunteers for day-to-day operations. The former volunteer management feature offered had been sitting in beta for years, untouched. Customers called it “unusable” and it had deterred prospective customers from signing up. For these reasons, management decided it was time for a redesign.

 
Screen Shot 2018-08-04 at 2.38.59 PM.png
 


Research

We uncovered that 0 customers were actively using the former volunteer management feature, and a simple search for “volunteer” in our Help Desk yielded 3,700+ inquiries on the topic. After sorting through those requests, I had a list of roughly 20-30 users who seemed like great candidates for helping us understand why this feature wasn't being utilized.

 
 
Screen Shot 2018-08-04 at 2.38.59 PM.png
0ActiveUsers.png
Screen Shot 2018-08-04 at 2.38.59 PM.png
 
 

I was able to schedule strategy interviews with a handful of interested parties. These interviews provided an abundance of invaluable feedback on the matter:

 
 
 
StrategyInterviewsImage3.png
 
 
 


Additional research conducted:

  • Competitive audits (Volunteer Sign-up, Sign-Up Genius, among others)
     
  • Stakeholder Interviews (Management and Sales departments)
     
  • Documentation of customer feedback through our help desk
     
Screen Shot 2018-08-04 at 2.38.59 PM.png


Organize & Analyze

Affinity Diagramming helped sort through the large amount of data acquired.

047C7E3B-E99B-4218-B5FC-AC70321AECA6.JPG

By clustering requirements into like-categories, I pinpointed the most important needs for our new volunteer management product:

  • Online Sign-Up: allow the volunteers to select shifts online themselves
  • Emailing: automatic email confirmations, cancellations, and reminders
  • Reporting: comprehensive tallying of hours worked, for individuals and events
  • Managed by Volunteers: take work away from the administrator where possible
  • Check-In Process: are they showing up for the job?
 
Screen Shot 2018-08-04 at 2.38.59 PM.png

Design, Test, Iterate, Repeat

 

“The best results come from testing no more than 5 users and running as many small tests as you can afford.”
- Jakob Nielson

 
 

Using Sketch, InVision, and an iterative design approach, I started with wireframes and moved along the pathway towards more high-fi prototypes. 

Screen Shot 2018-08-05 at 1.45.55 PM.png
Screen Shot 2018-08-04 at 2.38.59 PM.png

I facilitated live and remote user-testing sessions that helped uncover a number of problems with assumptions made during the design process. Below are a few examples:

Screen Shot 2018-08-04 at 2.38.59 PM.png
Number1.png
 

The design required users to manually enter their volunteer event information. Users had expressed that they would be needing volunteers for shows that already existed in the system, so it was important to design the product in a way that didn't require the user to manually enter the same information twice.

The solution was to offer a choice at the beginning of the "Add Event" process that allowed the user to build a volunteer event from a pre-exsting show, as seen below:

CreateEvent.png
Screen Shot 2018-08-04 at 2.38.59 PM.png
Number2.png
 

The process for adding shifts to multiple dates in one swoop needed refinement. Users were commonly trying to save an event before specifying any of their roles needed for their dates. By tweaking the verbiage and drawing attention to the "Add Positions" action, the updated design led users to supply more details before saving. 

AddEvent_DatesChosen.png
Screen Shot 2018-08-04 at 2.38.59 PM.png
Number3.png
 

The custom icons used during much of the user testing caused a bit of confusion. The briefcase icon meant to indicate "Roles" was often called a lunchbox. And the person with a heart, meant to indicate "Volunteers," was confused with a logout avatar. I redesigned the Events, Volunteers, and Roles icons with that feedback in mind.

Lunchbox?.png
Screen Shot 2018-08-04 at 2.38.59 PM.png

I was also able to confirm the elements in my design that were working well. Users had no trouble with the main elements of the design: creating and managing events, adding volunteers, and assigning shifts. 

Screen Shot 2018-08-04 at 2.38.59 PM.png

Final Design

Once the design stages started slowing down, I was able to pass my InVision mockups to our developers who used the Inspect mode build the product. Here's a glimpse at where we landed:

 
Volunteer Events.png
Create Event.png
Dates Selected.png
Positions Dropdown.png
Shifts Applied.png
Open Shifts.png
Create new Patron.png
Volunteers.png
Positions.png
Volunteer Events Delete.png
New Event.png
Choose Positions.png
Position Quantity.png
 
View Assigned Volunteer.png
 
View Volunteer.png
View Positions.png