Kindact
Mobile UX design for promoting generous behaviors in society
Problem Statement
Design Goal
Overview
My Role
-
UX/UI Design and prototyping
-
User testing
Timeline
June - August 2020
Background
This project was defined when people faced with financial hardships due to the COVID-19, and many of us found our friends and families in hardships.
Approach
The project was managed with an agile method in 7 sprints in 14 weeks. The main tools that I used for this project were Figma, illustrator, Miro, and my freehand sketching skills.
Outcome
The output of this project was a clickthrough high fidelity prototype.
This is an interactive prototype here, you can click on it and explore designed features
Home screen
The Generosity Map
Inner Circle Page
Connect with friends and family for donation purposes
Give Page
Select different options for donating
Process
The methodology of this project followed the double-diamond model
Research
-
Secondary research and competitive analysis
-
Survey about generous behaviors with over 200 responses
-
Interview with 12 survey respondents for a deep understanding of the reasons behind their actions
This project started with a research phase consisting of the following parts:
The other framework that I used in this project to conclude the research findings, was to map the current state of the user journey for donating activities.
To synthesize research insights into a usable document for the design stage, we created a user persona so that all team members can empathize with real users and have an understanding of their needs, challenges, and goals in the donation process.
Design
To start generating ideas for this experience, we came up with 3 donating scenarios that our persona might experience:
Lo-Fi Design
The team started the design with some low fidelity pen and paper designs to figure out what ideas are worth to move to the prototype for testing.
I started working on a wireframing and low fidelity prototype based on the information architecture and ideas that I had from the ideation process. Here are some of the screens that I made and used for the user testing session.
User Testing
For user testing of the low fidelity prototype, we decided to go with the RITE method and iterate on the prototype after each 3 user testing sessions. Overall we tested the prototype with 11 users and iterated it 3 times.
Hi-Fi Design
For designing high-fidelity interfaces, I defined a design system consisting of colors, fonts, and dimensions of elements that should be consistent on all screens. Considering principles of accessibility and inclusive design was a top priority in making decisions in this section.
Colors
The dominant color of this app is the mint color that is a combination of green and blue that are psychologically associated with generosity
Font
The readability of the font was the main criteria in selecting a typeface. Proxima Nova is a modern sans-serif font that has a friendly appearance
Buttons
Ease of detection and interaction were the main reasons for deciding about the dimension of Buttons
Success Metrics
Though measuring success at the time of designing the prototype is not possible, I think the following KPIs can measure the success of UX design when the product is launched:
Reflection
Like every other project, when this one finished I thought about the things that I could do better and the next steps that I consider as the right next steps. Some of them are reflected here.
-
I found out that I need to do better at making sure that I’m keeping track of all the research findings and constantly going back and referring to those findings.
-
Testing my Hi-fi prototype with users is a remaining part of this project that can make me sure about the use of colors and fonts or it can change my mind!
-
And the last thing is that this design focuses mainly on designing an experience for people who want to donate. We didn’t work on the people who want to claim a need or start a fundraising cause.