top of page

Cashapp

Project Overview

We were tasked to create a new split button feature within the cashapp. Also, we wanted to create the flow of how it would interact within the app and make it really easy for everyone to use on a daily basis. They will also send the bill to peers and to make it a more assible app for everyone you hasn't use it to join. 

My Team

Adriana

Smith

Monica

My Role

User Research

User Flow

Wireframe

Prototype

Problem Statement

​

P2P payment service users often split checks by designating one person to pay the bill and hoping their peers will pay them back. This is a problem because CashApp currently doesn't have an easier way to ensure a fair split. How might we create a feature where CashApp users can split bills with their peers and remind them within the application.

Bill

Objective

  • What are the overarching research goals and why are they important?  

    • We need to conduct primary and secondary research to get accurate data. Primary research, conduct user interviews and usability testing. Secondary research, use data provided online to find out competitor analysis. That way it’ll help pinpoint what is necessary for the design direction.

  • What will success look like for this part of the project? 

    • Creating a wireframe, prototyping that synthesized from that data gathered.

  • What assumptions are you trying to validate? 

    • Cash app does not have a split bill feature, nor do its competitors.

Research and Comparative Analysis

competitive analysis cash app.png

Deliverable 

  • Research Deliverable

  • Competitive analysis, Sitemap, User interviews, Affinity map, Personas and user flows.

  • Sketches

  • Low-fidelity Wireframes

  • High-fidelity Wireframes

  • Prototype

Design Process

  • Empathize- try to understand with no judgment; Interviews

  • Define- using personas, role objectives, decisions, challenges, and pain points

  • Ideate- Share Ideas, prioritize

  • Prototype- Mockups

  • Test- conducted interviews, and user testing to find out what works and what does not work.

  • Ideate again- from the UT and interviews, we synthesize our findings and edit from there.

  • High Fidelity - We made a realistic functioning mockup

Empathy Map

empathy map cashapp.png

We empathize with our user and created personas and an empathy map to get a better idea of who might be using this feature and their needs.  Based on our personas we found a criteria for our ideal participant for our user interviews. We created a list of questions to ask our interviewees to gain understanding on their current thoughts, feelings and pain points on P2P services.

Affinity Map

Affinity map cashapp.png

Persona

Persona 1.png
Persona 2.png

User Flow and Wireframing

Since Cashapp has already have a color scheme we still created a styleguide, so it would be easier to work in another user flow that has the split feature, so that it feel normal to the user. From these concept we started working on the greyscale Lo-fi phototype with our user flow. 

Frame 22.jpg
IMG_2585 (1).png
Style Guide.png
Successes.png
failures.png
Frame 23.png

Synthesis and Implementation

After the usability testing there was quite a few things that we definitly need to improve so the the flow could go more smoothly, so then we fix those problems. We did meet our goals after created the split button and the flow. Then we created the final version of the application.

Conclusion

In the end we still notice there they were still some problems within the cash application that we would like to address within the company about their color scheme and that it does fail the acessibility testing. That if we did had more time we would do more usablitiy testing and also expand on the gratuity part of this split feature. Through we have learned that it is easy to stay minimal and to simplify the design so everything would be easier for the user to get comfortable with this feature right away.

2023 Danny Tran All rights reserved
Danny Tran
2023 | 
  • LinkedIn
  • Instagram
bottom of page