
GA UX DESIGN IMMERSIVE COURSE CLASS PROJECT:
By Jelena Duric
Singapore 2020
​
Duration: Two Weeks
​My Role: ​ UX Researcher, UX / UI Designer, Prototyping and Testing
​
​
DONATION
Mobile App
CHALLENGE
What is Secret to Getting People to Give?
Giving isn’t a business transaction. It’s a human connection. HOW to inspire people to give, HOW to make a meaningful connection and more effective appeal? My challenge is to design Mobile App that will encourage and inspire people to donate and help.
PROCESS
What I will do face a challenge?
​

Problem
Challenge
Research
Define
Ideate
Test
Iterate

RESEARCH
​
PLAN
What I am trying to find out?
The goal of this research is to find out what motivates and what discourage people to do donations, and the challenges faced when doing it. When I understand why donors give and what pain points they have, I will be able to work towards solution.
​
Target Audience:
By definition the practice of charity means the voluntary giving of help to those in need, as a humanitarian act. According to this, target group can be people interested in charity, regardless of age, gender, race or profession. For the sake of this project, as a target group we choose people from Singapore, age 20 - 50 years old, interested in charity and giving.
​
​
​
​
What I am going to ask?​
​
-
How often people do donations? What kind of donations? Why?
-
Why people donate, or why they decide not to donate?
-
What motivates them to donate? How do they feel? Why?
-
How and to Whom do they donate? Why?
-
When and Where they prefer to do donations? Why?
-
What kind of pain point they experience when trying to donate? Why?
​
Research Tools: User Interviews, Survey
Analysis Tools: Affinity Mapping, User Persona
FINDINGS
What I have discovered?
After interviewing users I gathered a lot of interesting and useful information. But how to make sense of them? By using Affinity Mapping! Affinity Mapping helped me to discover very strong patterns in users behavior, motivation and frustrations, and based on this insights I have created USER PERSONA to help me empathize during the design process and keep me focus on target users.
Some of general findings are:
​
-
There are people who donate on a regular and people who donate occasionally
-
Some of them donate based on time of the year or month, some of them the moment they get information
-
People use many different sources to get information about where and to whom to donate ( internet, social media, TV, friends mouth to mouth recommendation, newspapers…)
-
People have very different preferences when it comes to whom to donate and for what purpose
​
Common findings between the needs and frustrations for all the participants include:
​
-
Due to busy life and lack of time people prefer to donate money over volunteering​
-
People who are interested in charity and who donate do not need any special motivation for that. They believe that is right thing to do, they believe in cause and feel moral duty to help. ​
​
-
Most of the users as a main frustration stated that they are often not sure if charity organization or campaign are credible and true. They are many organizations seeking for help and based of their previous experience they fear that some of them might be a scam. ​
-
Something that will motivate people to donate even more, and make their effort more meaningful is to know how they money is spent, and that their donation worth. Very often after donation people do not have a feeling that they achieved anything or made any difference. Most of them will like to receive updates on that how their money is spent, what did charity achieve, what is progress of the certain campaign... This would help them to make better connection with causes and goals, help them build trust in charities, bring them hope that things can change and give them feeling of achievement. At the same time they don't want to be overwhelmed by updates and do not want to feel "pushed".
-
Due to busy life and lack of time, most of the users wanted process of donation to be very easy and quickly. They don't like complicated websites, Apps, forms, don't like inputting their details many times and don't want to be overwhelmed.
​
​​

Affinity Mapping Highlights

MORE RESERACH!
What else I need to know before start working toward solution?
One of the main insights was that people want to gain trust and want to be sure that charity organizations are credible. Beside that they want to be updated on that how they donation are used, but at the same time do not want to feel "pushed" and overwhelmed. So, after User Interviews I follow up with the Survey to get more insights on that what "Credible" mean to people and what kind of information they need to have to gain trust. I also wanted to be sure what kind of updates they prefer and how often. Let's see survey results!
​
​
​
​
​
​

What kind of info users
need to gain trust?
What kind of updates users want?
How users want to receive updates?
How often users want
to be updated?
Users need to see
information about charities and their program, updates, charity accreditations, friends recommendations and reviews
​
​
Users want general updates and updates about specific campaign progress
Users want to receive
E-mails
Users want to receive
E-mails once a moth


DEFINE
PROBLEM STATEMENT
​
Sherry needs
AN EASY WAY TO CHECK CREDIBILITY OF CHARITY ORGANIZATION AND BUILD RELATIONSHIP WITH
So that
SHE KNOWS THAT HER MONEY IS GOING TO RIGHT HANDS,
AND DONATE WITHOUT DOUBTS AND MISTRUST
HOW MIGHT WE...
Sherry needs
HOW MIGHT WE HELP SHERRY TO CHECK CREDIBILITY?
​
HOW MIGHT WE HELP SHERRY TO BUILD RELATIOSHIP WITH CHARITY?
​
HOW MIGHT WE HELP SHERRY TO GAIN TRUST?
​
​
​


HYPOTHESIS
​
We believe that by creating simple App which will provide detailed info and updates about charity organizations enterprise activities, we can help Sherry easy to check credibility of charity, and gain trust with time. We will know that we succeed if we see that in 6 months Sherry increase frequency of donation for 15%.


User Flow
IDEATE
UX Methods: User Flow, Sketching,
Wireframing, Prototyping
UX Tools: Figma
​
After defining the “bigger picture” of the experience I needed to provide, I created a user flow. The point of this was to define the intended steps that User Persona might take through various pages and actions on the App, in order to complete her goal. This allow me to focus how to deliver that experience in the most effective way when designing Mobile App. Now I can do some sketches!


Since my User Pesona need to have App that is easy to use, I have focused to create clean design with basic and crucial features. I kept the homepage clean and simple to avoid overwhelming users on first page they see. After refining my ideas, using Figma software I have turned sketches in to Wireframes in order to create Low -Fi Prototype which I will use later to test my design solution.


UX Methods: Usability Test
Tools: Figma, Zoom
TESTING
AND ITEARTION
GOAL
Usability test would allow me to evaluate how users would engage with the proposed Mobile App solution and validate whether it was addressing the primary user needs. I wanted to find out how my solution is easy or difficult to use, is it intuitive, what area need to be improved and what is users overall feedback.
USABILITY TEST TASKS, FINDINGS AND ITEARTION
Using Zoom and my Low-Fi prototype I conducted remote usability test with 8 participants and asked them to complete three different tasks, to put themselves into the shoes of my User Persona. With participant permission I was recording UT sessions and analyzed them after. Let's take a look of Tasks, Major Findings and Iteration I did based on test findings:
Task 1
You want to donate money to the people with disability. You need to find organizations who help people with disabilities and read about their program. Can you show me how would you do that?
​
Major Findings
​
-
All participants were able to complete task easy and quickly​, they were able easily to navigate the website and locate all information they need.
​
-
6 out of 8 users reported confusion which section to click to find organizations profiles. There is only two section on a home page and none of them consist word "Charity" or "Organization", so, for a moment users was confused which section to click. They assumed that they can find out about Charity organizations in in section "Get Informed" which was correct. Since this is one of the primary User Persona need - to find information about Charities and check if they are credible - I have decided to iterate my home page solution to be more clear and intuitive.
Iteration
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Based on UT findings, to avoid confusion in the future I have extracted "Charity Organization" from "Get Informed" section, and placed it on home page to be more visible, accessible and intuitive for users. Visually, I made difference between Info and Donate features by making Donate feature as a "Call to Action" button.
​
​
​
​
Task 2
You are on the page which shows organization who helps people with disability. You change your mind and want to find organizations who helps Elderly. Can you show me how would you do that?
​
Major Findings
​
-
All participants were able to complete task easy and quickly​, they were able to easily navigate the website and locate all information.​
​
-
6 out of 8 users reported confusion with Category and Cause filter choice. Category means choice to donate to specific charity organization, or to donate to specific campaigns under different charities. Cause is equal for both categories and means to donate for children, elderly, health, community, animals.... Both choice options are important because some users prefer to follow specific organizations they like, and some of them prefer to donate to campaigns that touch them emotionally. During Usability Testing, when I asked them to change Cause, I found out that users would intuitively go back to home page and start again their search by cause. Some of them did not notice filter options on top of page. Some of them found it unnecessary because they already make their category choice, and did not see reason why they would change it.
-
4 out of 8 users reported that page indicators are to small and not visible
Iteration
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Based on findings from task 2, to avoid confusion in the future I have removed "Change Category" choice option and left only "Change Cause" filtering option as a dropdown menu. To be more clear which Cause users currently browsing, I made page indicator more visible by using Icon they are familiar with from previous page, and making font size more bigger.
​
​
​
Task 3
You are on the Home Page. Donate 10$ to organization or campaign of your choice, and subscribe for the updates.
​
Major Findings
​
-
All participants were able to complete task easy and quickly​, they were able to easily navigate the website and locate all information.​ All users reported that process were very intuitive and straightforward.
​​


NEXT STEPS

This is just beginning, there is so much more to be done!
​
​
The next steps for this project would be to make High Fidelity prototype and continue to conduct usability testing, as well as further iterations on my designs. I also plan to create Brand Guide and Design System which will help me create consistent, appealing visual design to present core values such as trust, relationship, emphasizing, appreciation, simplicity...
​
​​