The Dream Factory is the largest all-volunteer driven children’s wish-granting organization that does not limit its mission to children who have life-threatening illness.
Starting our process, we mapped out and discussed internally who our users may be, completed a competitive analysis, and reviewed and tested the usability of the current website. Based on our assumption, we came up with a Proto-Persona. Next, we moved to the interview plan and surveys outlines and sought out interviewees who fit our Proto-Persona. As a result, we interviewed four users with questions structured around motivation to volunteer and donate, frequency, and obstacles surrounding their prior experiences. These interviews facilitated the development of our User Persona.
We synthesized the data we collected from the user interviews, heuristic evaluation, and usability testing into an affinity diagram. The process pointed out a trend of similarities between our interviewees and assessments. For example, the interviews we conducted showed that most users found the motivation to donate if they knew where their money was going, tax write-offs, or social bragging/gratitude. However, our analysis of the existing website showed that users did not understand how to donate or where their money would go when they did. Therefore, we thought it necessary to address those issues in particular. Next, we expanded our findings, completing a Storyboard, Empathy Map, User Journey Map, User Scenario, and User Flow.
Expanding on the Heuristic Evaluation, the new website needed to reflect our findings regarding ease of donating and providing users with the journey of their donations. We decided to do some card sorting to make sure our site layout was the most effective. Once we finished our card sorting, we confidently moved forward with our site layout and function. Finally, we decided to put these findings into a Site Map to navigate our page designs easily.
When we were comfortable with our user flows, we started prototyping. We started off hand sketching wireframes, each member of our team sketching what we thought that flow looked like in website form. Next, we made our wireframe sketches clickable and compared them. This process helped us quickly draw comparisons, pull similarities, and revise our strategy. Once we were happy with our direction, we began digitizing our website wireframes. We followed the website wireframes with responsive mobile wireframes. Finally, we tested each of our sketch wireframes, low fidelity wireframes, and high fidelity wireframes with test users.
We recruited five test users to help us with each testing session. We tasked our test users with three objectives:
We received excellent user feedback from our test group, and they pointed out some issues and places where the logic jumps needed a little more attention.
Below are two examples of iterations based on user feedback:
If you like what you see and want to work together, get in touch!
Schedule Chat
