Embedded Files
This project was part of my Google UX Design Professional course. The objective of this project as part of the course was to help me put all the principles and concepts of UX design into practice.
PROJECT OVERVIEW
PROJECT OVERVIEW
Introduction
Introduction
Happy World Donation is a Non-Governmental Organization focused on creating a bridge between people who are willing to donate to a good cause and people in need of these donations. Happy World's primary target users include busy workers who do not have the time to search for people who might need used items such as clothes, shoes, etc., which otherwise they would have thrown away. It also focuses on people who need donated items but has no idea where to search for these items.
The Product
The Product
Happy World app and responsive website is an application and website that allows users to share items such as clothes, shoes, bags, etc., that they do not need anymore, for people who might need them to view and make contact with the donors to arrange for pick up. It also, allows users to have easy access to charity homes to make donations such as cash and food items.
The Problem
The Problem
Several people want to donate used items such as clothes, shoes, bags, books, etc., to people who might need them but finding those in need of these items is an issue. Also, the people in need of these items do not know where to find them from people willing to give out for free.
The Goal
The Goal
The project goal was to design an app that would connect donors to beneficiaries. Donors will be able to share items they wish to give out, and beneficiaries can view these shared items and make contact with donors to collect them. It also allows users to identify some charity homes and make donations.
My Role
My Role
UX designer designing an app and a responsive website for Happy World Donation from conception to delivery.
Responsibilities
Responsibilities
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
UNDERSTANDING THE USER
UNDERSTANDING THE USER
User Research
User Research
I conducted interviews and created maps to understand the users I am designing for and their needs. Most interview participants reported feeling bad about going to neighbours and asking if they would be interested in items they do not use anymore. Also, others expressed ill feelings about going to people to find out if they have stuff they intend to throw away. The feedback received through research made it very clear that users would be willing to find people interested in items they want to throw away. Also, users would be happy to connect to people who have the stuff to throw away.
Personas
Personas
Problem statement
Problem statement
Eric is a busy managing director who needs, a way to connect to persons interested in items he uses no more and wishes to give out for free because it is time saving and easy.
Problem statement
Problem statement
Wendy is a petty trader and a widow who needs a way to connect with persons willing to provide support to her and her four children by donating clothes, shoes, bags, etc. because it is easy and stress free.
Ideation
Ideation
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on connecting donors with beneficiaries through donors sharing items and beneficiaries finding them and following through to collect them.
STARTING THE DESIGN
STARTING THE DESIGN
Digital Wireframe
Digital Wireframe
After ideating and drafting some paper wireframes, I created the initial designs for the Happy World app. I made sure to base screen designs on feedback and findings from the user research.
Low-Fidelity Prototype
Low-Fidelity Prototype
To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of donating items as well as accessing donated items.
View low-fidelity prototype below:
Usability Study
Usability Study
Affinity Mapping
Affinity Mapping
I used affinity mapping to help me find patterns common to users, which further helped me to gain insight into users pain points by understanding the users from a different perspective.
REFINING THE DESIGN
REFINING THE DESIGN
Mockups
Mockups
Based on the insight from the usability design changes like providing a clear home screen to share items, and also to browse through donated items.
Mockups
Mockups
To make the flow easier for users, I added a check box that allowed users to use existing contact details.
Mockups
Mockups
High-Fidelity Prototype
High-Fidelity Prototype
The high fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes, made after the usability study.
View Happy World's hi-fi prototype below:
Accessibility Considerations
Accessibility Considerations
RESPONSIVE DESIGN
RESPONSIVE DESIGN
Sitemap
Sitemap
I used the Happy World sitemap to guide the organizational structure of each screen's design of the responsive website. My goal here was to make strategic information architecture decisions that would improve overall navigation and also ensure a cohesive and consistent experience across devices.
Responsive Designs
Responsive Designs
The designs for screen size variation included mobile, tablet, and desktop. I optimized the design to fit specific users needs of each device and screen size.
GOING FORWARD
GOING FORWARD
Impact
Impact
Our target users shared that the app made donating and accessing donations easy, fast, fun and collaborative. one quote from peer feedback was that "the Happy World app makes it feel like someone is always talking to you that please don't throw away your used cloth, it will be of great help to me."
What I Learned
What I Learned
I learned that understanding the pain points of users enables you to design your product focusing on equity. Also, clarifying and validating information is key to understanding the users. Never make assumptions on the basis of scanty information.
Next Steps
Next Steps
Let's Connect
Let's Connect
Thank you for reviewing my work on Happy World app and responsive website!
If you'd like to see more or would like to get in touch, my contact information is provided below.
Page updated
Google Sites
Report abuse