Designing a donation entry form for nonprofits
At Blackbaud, I worked on a product called eTapestry, which allowed small to medium size nonprofits manage donations, online forms, donor information, reporting, and more. Entering donations and pledges may seem like a simple task at first, but there are many different types of donations and pledges that need to be entered and tracked in different ways.
These complexities gave us a big challenge in improving the design of the existing donation entry form, which looked like this:
This project first involved re-evaluating the navigation structure and information architecture of the product, to make sure customers could easily jump into the donation entry process in a way that made sense to them.
My contributions included:
I worked with another UX Designer to creat and administer a card sorting activity to understand customers’ mental models of how product features should be grouped together and structured.
Our product team visited customers in their offices, observed them entering donations into the existing product, and asked questions along the way to better understand their needs and frustrations.
I collaborated with other UX designers, developers, and product managers to explore various ways to improve the donation form.
I then sketched and paper prototyped to explore many different concepts.
Here is a video of my first dry run of a paper prototype with my coworker (pardon the video quality):
Testing the paper prototype helped identify parts of the design that were difficult to understand. After analyzing what I learned from the paper prototype, I created an interactive digital prototype for usability testing.
Our team took the prototype back to the customers who participated in the contextual inquiry sessions and had them interact with the prototype. From there I was able to see where the prototype was successful and where it needed improvement. The prototype tested well, with a few minor improvements to be made.