Page History

...

For our users tests, we have 3 representative users of our system: an MIT student looking for ways to donate to specific causes, an MIT student who wishes to spread information of his own cause and fundraising, and a student who has not used online donations before and is not a regular donor but would be interested in having a portable way of being reminded about new causes and ways to donate to specific causes. These users were mainly found through our contacts and network. We chose this diverse group of user in order for us to look at the usage of the application from different perspectives. We have decided not to demo our app as we think that by doing it we would learn as much about the learnability of the application.

User Test 1 (conducted by Jennifer)

I gave Sheila a link to Donate2Us and told her that it might be applicable to her cause. She is heavily involved in many organizations for deaf awareness and to benefit disabled and deaf members of society. She has been asking for donations to support scholarships for deaf students and to start a summer program at MIT similar to RSI for deaf and disabled students in engineering, math, and science.

I did not give her any briefing beforehand. I just told her to go on the website on her iPhone and check out the site. I said it might be useful for her.

First, I told her to create an account and sign in, which she did easily. She remarked that she liked the simple design and the color scheme.

Second, I told her to join a cause. She stated that the dimensions of the box fit her screen well, but the search bar was hidden at the bottom and she did not know to scroll at first. Later, she searched for something and received a list of causes. She also stated that the (dummy) causes all looked very interesting. She picked a random one (Save The Whales). Then, she remarked that the placement scheme of all the images and buttons were slightly weird. The buttons did not align very well and looked messy. She also had to scroll through the long description, which was annoying and took a long time. She also did not know how to join or donate until she scrolled to the very bottom. She almost gave up half way. She then clicked on "Add to My Causes" which didn't do anything. It didn't give her a notification that it was added to her causes because the JQuery doesn't work.

The next task I asked her to do was to donate some imaginary money. She clicked on donate and filled in the amount and messages. She then saved her credit card info and clicked donate. She later clicked on save, too, to save her information. However, it appeared that her information was not actually saved when she clicked "back" and clicked "donate" again.

Now I asked her to start a cause. She clicked "Back to Search Results" which took her back to the main page (a bug, perhaps). It took her a while to find the button to start a cause because she thought it was at the bottom of the page and tried to find it by clicking on Search again. She later backtracked and then clicked on Start a Cause. She filled in her information (Cause Name: Scholarship Fund for Deaf MIT Students, Category: Education) and clicked create. This took her back to the home page but did not actually place anything there because we don't have a backend and so we cannot actually create causes.

Finally, I asked her to edit Profile and Account information. She knew where those buttons are now because she had seen them when clicking on Start a Cause. She clicked on each and filled in information, then saved it.

A list of usability issues I found:

...

3.

...

application.

3.1. Briefing

Donate2Us is a mobile application that allows fundraisers or student groups to create and spread the word about their causes. Users can create, join a cause, share, and donate to causes. This application is similar to Causes on Facebook but geared towards mobile platforms. With this in mind, we will give you some tasks, try to accomplish them, giving us as much feedback as possible in the process.

...

1. Create a Donate2Us account and login to your account.
2. You wanted to create a cause for your service project this summer.
3. After creating your cause, you wanted to share it to your friends via email and on Facebook.
4. Update your account information and profile.
5. Search for a cause related to your project.

User Group 3: MIT student who wants to donate to a good cause and to publicize her cause

1. Create a Donate2Us account and login to your account.
2. You want to search for a cause dear to you
3. You want to add this cause to your home page
4. You want to donate to this cause
5. You want to create a cause
6. Update your account information and profile.

3.3 Usability problems and possible solutions

...

1. Our user didn’t have problems creating an account. He said that the login page is pretty learnable and that he was able to walk through the steps of creating his account and logging in without any trouble. He appreciated the simplicity of the homepage. He was, however, concerned that too much simplicity might discourage users from taking the application seriously especially for an application that deals with finances and credit card transactions. (major)
2. After logging in, he had some initial trouble looking for the search bar as it was hidden at the bottom of the page. He suggested to put the search bar on top instead so that users who have causes in mind won’t have to go through the trouble of browsing to the end of the page to search for a cause. (minor)
3. He liked the layout of each causes. However, he suggested that people might want more information about each cause instead of just small snippets about their projects. He also added that he wanted to know where his donation goes, so allowing fundraisers to input more details about the proceeds would help. (minor)
4. Overall, he liked the simplicity of the design but suggested that layout could have been more professional. (major)

Second user:

1. Similar to our first user, our second user did not have much trouble creating an account and logging in. He suggested, however, that users should be logged in after creating an account instead of simply redirecting them to the login page. (minor)
2. After logging in, our user created a cause. While creating a cause, the user suggested that users should be allowed to enter specific categories instead of picking from a pre-determined list. (minor)
3. After the cause has been created, the user went on and shared the cause to his friends. He wasn’t initially sure if sharing is similar to invitation. He suggested that users should able to invite friends with personal message each instead of a bulk email. (minor)
4. One comment our user raised is that profile and account should be merged into one page as it can be confusing to the user how profile is different from an account page. In addition, the search bar wasn’t obvious for the user when he was trying to search for similar causes. He suggested that search bar should be put on top so that users can immediately do searching. (minor)

Third user:

1. Our user stated that the search bar was hidden, and there were no directions to find it. We could fix this by putting the search bar up at the top of the screen. (minor)
2. She remarked that the placement scheme of all the images and buttons were slightly weird. The buttons did not align very well and looked messy. She also had to scroll through the long description, which was annoying and took a long time. She also did not know how to join or donate until she scrolled to the very bottom. We could fix this by fixing the templating of the page and creating a "click to see more" link to expand the long description. (major)
3. The user observed that the save doesn't save information on billing info page. We could fix the javascript of this or create a database to store this information to it could actually be saved. (major)
4. Buttons redirect to the wrong page on some occasions. We should fix this by just doing more debugging and making sure we redirect to the right page. (major)
5. Buttons hard to find/small/hard to read sometimes. We could make this clearer by just renaming them or making their text or image bigger. (major)

3. Reflection

The design and creation process of Donate2Us was at times long and tedious, but also a lot of fun and educational. At first, we decided to create this application because it was applicable to club we are jointly involved in at MIT. We thought the idea was simple and the execution should be easy, but we later learned that there will always be more usability issues to address and idiosyncrasies to account for! Our prototype was too complicated at the initial stage because we were overly confident in our ability to churn out javascript despite never having used it before. We had to scrap many of our original ideas for GR5, but these ideas are still valid for further development if we decide to continue to work on Donate2Us. For example, we wanted our users to be able to save their own profiles, view other users' profiles, and search by types of causes. These were design ideas that were later taken out due to time constraints. We decided to take out these parts because, even though they are nice additions to our end goal, they do not directly impact the main intention of Donate2Us: help connect donors with causes and help facilitate donations to great charities that need them.

We did not originally decide to make a mobile application. This could be due in part to the fact that none of us have mobile application development experience. However, taking on a challenge is exactly how we learn, so we decided to go with the mobile application idea. That and the fact that we believe we will actually create something more unique when we create a mobile application to collect donations to charities (sites where you could safely donate already exist). In addition, we know that the busy life of the MIT student revolves around constant technology, and many of us spend more time on our mobile phones than anything! Having a mobile application would be much more useful since you can view the cause and donate on the spot (or whenever you like). To compromise, we decided to make a web application.

There are many new skills we had to learn to build our site. For example, we explored web application programming through the user of JQuery Mobile and JQuery Storage. These are skills we can take if we ever decide to build another web application or improve on Donate2Us. In the end, creating Donate2Us was a great experience because not only did we learn the intricacies of user interface design on the first level, but we also actually got to interview many people with great causes and gain insight on their experiences and needs. This insight really helped us not only to create a great application for donating and publicizing, but also to improve upon our own fundraising abilities for our own causes!