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.
Top Related