Tithe.ly
App for giving one-time or recurring donations.
Background
I worked on this project as an intern for Tithely. The design team was redesigning the donation form that church members use to give their donations at church. I was given the task of going through a redesign myself alongside what the design team was doing. At the end, I had a design review with the lead designer.
the Problem
Users need to be able to give a donation during a period of about five minutes when churches take a contribution. There may be other things happening at this time such as a song or announcements. The goal is to get people to sign up for an account so they could make recurring donations, but in the moment of church, people just want to give for that day.
Split form into multiple screens
The original form was all on one page which made it difficult for people to finish it in time. If people didn’t finish the form, there was no way to remind them.
Personal Info
Personal info is first so that users can be reminded if they don’t complete the donation during church.
The user will receive an email or text reminding them to finish their donation if they don’t do it during church.
Payment Info
Users have the option of paying the fees associated with their donation. They need to know how much the fees are before they can decide whether to do so.
Account Creation
After users submit their donation, they are prompted to create an account.
Instead of having users choose to create an account at the beginning or middle of their journey, they can focus on making their donation and create an account at an end.
Outcomes and Lessons Learned
At the end of the project, I had a review of the project with the design lead. The feedback he gave was that the usability was well done and the visual design could be improved. The use of dropshadows is heavy is some places. Some of the button text does not have enough contrast and some of the fonts are a little too small for readability.
Next time I would do more structured user research. I would test with users using a wireframe prototype to make sure the flow makes sense in a real life setting.