My role: UX designer leading the app and responsive website design from conception to delivery
Product: Hoop app provides charitable donation services to children from unprivileged background. The focus of this project was to provide an easy way to provide to charities and projects as well as keep the donors updated on the results of their donation.
PROBLEM
People wouldn’t support an organization they don’t know about
90% of Americans said they wouldn’t support an organization that they didn’t know about. Trust and Transparency plays a major role to get people involved in donating. People expect to know the charities work, where the money goes and how it gets to the beneficiaries.
SOLUTION
Trust and Transparency is key
Update Project Progress
Increases the chance of making a donation
Provides transparency about the project
Track, manage and execute all donations in one place.
Data of active donations
Provide a source of number of people who have donated for the cause
Recommend project with highest donation.
APPROACH
Validation and Design Process
Validation came through conducting user research and survey about potential app users who want to donate money to charity. Furthermore, what will facilitate the donation process, as well as performing usability tests after completing the prototypes, was crucial to ensure that the app leads to the objectives required by the user
RESEARCH
Diving Deeper into Problems
The interview was conducted with five people – three women and two men. The primary focus of the interview was to understand the donor’s behaviour as well as the factors that would aid and alleviate the donation process. In general, religious motive was the main incentive to donate, along with the need to help those in need. The interview showed that the donors were more interested in trustworthy organizations.
Additionally, the interview also showed that users had some interest in getting back feedback information after initial donation. The users expressed that a moving picture or a touching story is more likely to entice them to donate.
First Impression
Onboarding introduces a positive experience, demonstrates the benefits or value the user gets from the app
PERSONAS
Meet the users
LOW-FIDELITY PROTOTYPE
Initial Ideas + A New Direction
After ideating and drawing some paper wireframes, I created the initial designs Recommendations for choosing a charity to donate thinking aligned with for the Hoop app. These user research designs focused to delivering personalized guidance to users to make donation.
User Flows
WIREFRAMING
Find Charity and Donate
Finding the right charities and donating will be made easier by recommendations and number of donations information.
By selecting a project, you can make a donation, check the project details such as target, timeline and achievement.
PREVIOUS TESTS + SUGGESTIONS FOR IMPROVEMENT
Major Improvements in the Design
Based on the user research , I changed a few things to my design
Adding profile icon to the home page for easy access
An option to skip sign-in process and continue as a guest to make check-out faster
Show statistics and the cause for a project.
HIGH FIDELITY PROTOTYPE
The Final Screens
The high-fidelity prototype follows the same user flow Screenshot of prototype with connections or as the low-fidelity prototype, including design changes made after usability study.
Accessibility Consideration
RESPONSIVE DESIGN
The design for screen size variation included mobile, tablet and desktop. I optimized the designs to fit specific user needs of each device and screen size
Site map
Sitemaps help outline the pages of a website you need to design and can help you spot necessary pages that you’ve forgotten to include, need to remove, or need to combine. Sitemaps also help people who use assistive technologies navigate the product successfully.
Mobile Website
I have used Progressive Enhancement to design my responsive website. I started by establishing a basic level of user experience by designing for a smaller screen first.
Desktop Website
What I’d do differently next time
Try to be wrong - Learn about the users long the process of doing research. Know its critical to user top of mind
Foundation is the key - I spend the most time in the initial concept testing phase - I could’ve argued about what UI colors were in reality
Always ask for feedback. Always question myself .
Other Projects
