Project Match Deck

PROJECT MATCH

Emma FagergrenStephanie LouraineThai Yue

Blackbaud

THE ASK: 3OPPORTUNITY: 7SYSTEM FLOW: 8MATCHING: 9TRANSPARENCY: 10CONCRETE NEEDS: 11FEEDBACK: 12SCENARIO: 13JILL’S PATH: 22STRATEGIES: 24FAQ: 25THANKS: 28APPENDIX: ANNOTATED WIREFRAME: 29

TABLE OF CONTENTS

THE ASK

EMOTION CHOICE INDEPENDENCE

We were tasked with better informing donors with the knowledge they would need so that they could make better informed decisions. Based off of this we came to this understanding of the problem.

MATCHING DONORS WITH NON-PROFITS

Giving to a charity or a nonprofit stems from an emotional imperative.

Giving donors the ability to not only choose who to give to but what to give can empower the donor to make better decisions.

Conversely, donors shouldn’t dictate the demands of the nonprofit. For the sake of our rationale we presume that the nonprofit knows what they need and when they need it. The goal of our design is how to better communicate this.

THE ASK

EMOTION

MATCHING DONORS WITH NON-PROFITS

Donations tend to increase in relation to disasters and other specific events. We believe that this is because people are emotionally affected by them, but also because specific events makes it clear what donations are used for.

THE ASK

CHOICE

MATCHING DONORS WITH NON-PROFITS

In line with this reasoning, we set out to make the act of donating or volunteering more transparent. Our design focuses on making non-profit projects concrete and time-specific. We match donors with projects that align with their values.

THE ASK

INDEPENDENCE

MATCHING DONORS WITH NON-PROFITS

The non-profits set up their project, describing their goal and listing what resources they need. The donors can see what is asked for, make a contribution, and get direct feedback on what they helped accomplish.

We believe that personal feedback makes a donor feel good about their contribution.

OPPORTUNITY

PROJECTS WITH CLEAR DEFINITIONS

FOCUS IS ON EMPOWERMENT

The rationale behind this is to provide markers for donors so that

they receive a sense of accomplishment for each donation and

action they take on behalf of the nonprofit. Instead of donating to

an organization without consideration to where or what those funds

would be used for we believe that by giving donors the ability to

dictate (to a degree) of where their contributions are going will give

the donors a greater sense of accomplishment and would ultimately

result in increased donations to the organization.

Ultimately this means that the way nonprofit organizations structure

their communication and display the information about their current

activities much change to fit this paradigm. While this is an essential

part of our system it is not the portion we have chosen to focus on in

our design, instead focusing in the interaction between the donor and

the options of choosing what to give to a given organization.

SYSTEM FLOW

FE

ED

BA

CK

MATCHING

The Donor’s path starts with filling out a natural language

wizard, (i.e. Eat, Sleep, Move), to find the interests and

motivating factors of the donor. These questions would

be tailored to find both interests and whether the donor is

interested in donating money, time, or supplies.

TRANSPARENCY

The path for the nonprofit starts with creating a project. Here

is where an organization would be able to list the parameters

of the project. The three chief resources we identified were

time, money, and volunteers (or time), however we have given

the organization the ability to specify what exactly they might

need for any given project.

CONCRETE NEEDS

Donors can give any of the three components needed to

complete a project, with the full realization that they are

fulfilling a necessary step in the process.

The Nonprofit has a corresponding task for each possible

action that a donor can choose, creating a personal bond

between donors and the Nonprofit.

FEEDBACK

FE

ED

BA

CK

Once a donor has given to an organization the communication

between the donor and organization continues to play

an important role between the two. Maintaining these

connections allows for not only fulfillment on the part of the

donor but possible future collaboration with the organization.

JILL WANTS TO DONATE

Meet Jill. She is 30 years old and recently

moved to work in Saint-Louis, IN. She has

settled down well and Saint-Louis is starting

to feel like home. Jill has noticed that

some of her co-workers and neighbors are

engaged in local non-profits. Most donate

money, but a few help out on weekends or

after work. Jill too wants to give back to her

community, but she is not sure how, What

can she give, and who can she give to?

SCENARIO

THE INTERNET IS A RESOURCE

While browsing the internet for local non-

profits Jill stumbles upon a

website. It seems to lists non-profit

projects from all over the country. Jill is a

little daunted by the number of them, but

she is intrigued by the format in which the

projects are presented. All of them are

specific: they have a time frame, and some

of them list resources or

volunteers needed. Looking at the

projects, the different needs of the non-

profits become concrete to Jill.

A WIZARD HELPS JILL SEARCH

After browsing for a while Jill decides to

try out the website’s search wizard. It takes

her though a series of questions to figure

out what non-profit projects she might be

extra interested in. The questions mainly

target her interests, her values, her location

and how she might be able to contribute.

The wizard also gives her the option to fill

out her name and email, and an account is

automatically created for her. Once she is

done, the system starts its search.

JILL BROWSES HER MATCHESSCENARIO

Based off of Jill’s wizard selection the

system knows that she is passionate

about animals and local projects. It pairs

her with a project to repair the cat wing of

a local animal shelter associated with the

ASPCA.

Displayed on the match screen all of the

relevant resources needed to complete

this project are listed up front for donors

to see.

SELECTING A PROJECTSCENARIO

When she selects the project a more

detailed description of the project and

the materials needed are displayed. Jill

sees that she can donate money, time, or

supplies.

She also sees the progress of each

resource and how much is needed to

finish the project.

DONATING MONEYSCENARIO

Clicking on the donate icon (green) Jill

brings up the tab for the donating to the

shelter.

The ASPCA would receive the donations

here and in return would send updates

as to the status of the project. $

DONATING SUPPLIESSCENARIO

Clicking on the supplies icon (yellow) Jill

brings up the tab for the supplies to the

shelter.

These supplies could be donated as

used or new materials, allowing donors

to recycle objects.

DONATING TIMESCENARIO

Clicking on the volunteer icon (purple)

Jill brings up the ability to volunteer for

different shifts during the week,

DONATING TIMESCENARIO

Jill decides to volunteer her time and

the system responds by showing her

check marks where she has chosen to

volunteer.

Before these spots are confirmed the

ASPCA project lead Jane Smith will

contact Jill to verify her suitability.

DONATING TIMESCENARIO

Jill also has the ability to message Jane

while confirming her volunteer times.

DONATING TIMESCENARIO

Jill sends her message and awaits Jane’s

confirmation email.

SCENARIO

SOME TIME HAS PASSED

Jill has volunteered at the shelter and

several weeks have passed.

UPDATES

When she returns to the website she finds

that the repairs are near completion, only

needing a monetary donation to complete

the project.

PROJECT COMPLETION

When the project is completed Jill receives

a confirmation message from the website

thanking her for her support.

JILL’S PATH

STRATEGIES

OPTIONAL MODULES

It will be up to the non-profit to choose what information

and what options they want available on their project

page. For example, the granularity of volunteer sign-up

could be different between different projects: multiple

days, half days, divided up in hours, etc. Templates will be

provided, and the non-profit can organize the page after

what suits their needs for each particular project.

RECURRENCE

In the future we envision the system supporting

recurring projects and donations. For example, a

donor might want to make a monthly contribution, or

a non-profit have a weekly volunteering event.

This would be supported through events or goals

that might have a longer time span.

FAQ

HOW DOES THE WIZARD WORK?

Although we did not go into detail on the precise design of the profile creation wizard, it has been shown in

sites like eatmovesleep.org that using a set of questions based on natural language with yes/no answers can

help users quickly create a profile. In this spirit, our wizard would have these same sorts of yes/no questions

for the user to fill out relatively quickly. Based on the user’s answers, the system would recommend projects

to the user.

Some possible questions could include:

“Do you have an interest in animal rights?”

“Do you like to volunteer your time?”

“Would you like to work on a project that involves construction?”

Screen captured image of eatmovesleep.org

FAQ

WHAT’S IN IT FOR THE NON-PROFIT?

Though using a system like this may require more work from the volunteer coordinator of a non-profit

organization, the robust information provided to the user can attract more users to a project. The fact that

users don’t have to search for information, but rather information is provided to the user based on what is

entered by the non-profit organization, is more convenient.

In addition, this system can be used as another form of recruitment effort for the organization. While it is not

necessarily meant to replace existing recruitment efforts, this is a targeted approach for getting information

about the organization’s different projects directly to the user.

FAQ

HOW ARE YOU MAKING DONORS FEEL GOOD ABOUT CONTRIBUTING?

By showing them that they contribute in a concrete and real way. Letting donors pick projects, letting them

choose their preferred way of contributing and giving them feedback on how their donation helped the

project reach its goals shows donors that they can make a difference, and on their own terms.

SPECIAL THANKS TO

Nick QuagliaraMarty SiegelChung-Ching HuangHCI/d 2014 Cohort

APPENDIX: Annotated wireframe

The search result screen

This row of icons represent the criteria that match your profile. So, if you indicate that you are interested in “Animals”, one of these icons could indicate that this organization deals with animals.

You can click these different icons to filter search results. For instance, if you’d like to see all other search results that include “Animals,” you can click that icon and those will be displayed first.

Or, if you are looking to volunteer, you can sort the results by which projects require volunteers.

This row of icons represents what the organization currently needs for this project. The three options are “Volunteers,” “Funding,” and “Supplies.”

The search result screen

Click “Next Page” to go to the next page, or click a number to page through the search results

(annotations 1)

The nonprofit organization provides a photo or image to represent itself.

Descriptive name of project provided by nonprofit org

Location of project (e.g., city)

The name of the nonprofit organization

Duration of project (dates)

If this charity does not interest you or if you disagree with its mission, you can click “Not interested” to open a modal that lets you choose the reasons you would like to stop seeing it. In the future, your profile will not show the nonprofit organizations matching these new criteria you’ve specified.

Click “Learn More” to go to the project page.

The search result screen (annotations 2)

A project page

A project page

The highlighted dates on this calendar indicate days that volunteers are still needed to work on the project. Once a day has been filled with volunteers, the day will no longer be highlighted on the calendar, and will no longer show up when the user is provided with options for days to volunteer.

These progress bars indicate the percentage of funding, volunteers, or supplies that has been provided. A percentage is given to let you know what portion of the total needed has already been provided.

This is a brief description of the nonprofit organization, provided by the organization.

Click this link to go to an informational profile of the nonprofit organization.

(annotations 1)

A project page

The nonprofit organization provides a photo or image to represent itself.

This row of icons represents what the organization currently needs for this project. The three options are “Volunteers,” “Funding,” and “Supplies.”

Click each of these icons to open the appropriate page below. The relevant page appears under the “About the project” section, and the icon is highlighted.

This gray area changes dynamically depending on which icon under “Needed:” is currently selected.

(annotations 2)

A project page

This section is provided by the nonprofit organization, and is a description of the project. This information could include why the project is needed, what sort of tasks volunteers may perform, what skills are needed, etc.

(annotations 3)

Project page: Dynamic info

The highlighted part shown here changes based on which icon is selected under “Needed:”.

The next pages are wireframes of different pages that can appear within this section of the project page.

Volunteer screen

Volunteer screen

The “Project lead” is the person at the nonprofit organization who is coordinating this project. This image is their photo that they have provided.

The boxes in the rows are a visual indication of how many volunteers are needed.

Click “Volunteer” and a check box appears, taking the place of the placeholder image. That indicates that you’ve said you can work during this day and time.

If a volunteer slot is open, the box will show a placeholder image that is grayed out to indicate no one has volunteered for this spot yet.

If someone has volunteered for a spot, their photo (or a placeholder image if you have not provided a photo) will appear to indicate that someone is volunteering for this time.

The gray background here is simply to provide visual distinction between dates, so it’s easier to tell the rows of dates apart.

(annotations)

Volunteer: Times selected

This check box indicates that you have volunteered for this time and date.

Click this button to go to the volunteer confirmation page.

(annotations)

Volunteer confirmation page

Volunteer confirmation

These are the times you selected on the previous page to indicate when you would be able to volunteer.

This optional message box will send a message both through the system and via email to the project lead.

This button leads back to the previous page so you can edit your available times for volunteering.

This button confirms your times and submits them, also submitting the message to the project lead (if provided).

(annotations)

Supply donation page

Supply donation page

The cells in this column are the different items the nonprofit organization has indicated that they need.

These are the total number of each item the nonprofit organization requests.

These are the total number of each item the nonprofit organization has received.

Click this button to indicate that you can donate some of this item. A modal will appear with details for you to fill out (e.g., how many).

Click this confirmation button to go to the confirmation screen and get in contact with the nonprofit organization about transporting your donations to their location.

(annotations)

Money donation

This page a secure form for the user to donate any amount s/he chooses, using the preferred method of payment.