Zap

Project Type

Personal project

Tasks

Research, UI / UX Design, Prototyping

Tools

Balsamiq, Figma, Zoom

Timeline

Jan 2021
(2 Weeks)

Background

Context

The focus of this project started as a personal inconvenience for me as a student in transferring payments to my friends quickly. Soon enough I realized this problem was not unique to me and was something students across my university shared and how it affected their day to day experience with banking apps.

Problem

Current peer-to-peer money transfer system in Canada is very tricky, we are limited with very few options. Even those restrict us with little to no flexibility to quickly transfer money to friends and the process in itself is very exhausting. This problem led me to dig deeper into P2P payments problem space and really understand how I can tackle this through user centered design.

Objective

How might we improve the peer to peer payment transfer experience across students in a more efficient and faster way.

Research

Observational Study

I started my initial research by doing an observational study of students using banking apps to transfer funds to their peers. On an average each student spends 8 clicks to transfer money and confirm the payment to their friend. In case of situations where friends are not added as a contact in the banking app they had to add them first with their email address or phone number, verify and then begin the transferring process. There were also instances when the email address was misspelt and had to be corrected by the user multiple times.

User Interviews

I also conducted user interviews with university students to understand their experience personally and identify the pain points further. Here are some quotes from the user interviews.

Empathise

Persona

From the above research I created a persona with goals, personality and frustrations similar to the users interviewed.

User Persona

Feature brainstorming

Feature Prioritization

During my user interviews with university students I also asked them to specify features they would like to have in an ideal application. Then I did a MoSCoW Prioritization of those features

Must-have

  • One click payment
  • Auto-contacts sync
  • Notify friends within app

Should-have

  • Simple User Interface
  • Track expenses
  • Fast and secure payment

Could-have

  • Transaction history
  • Face-id verification
  • Tap to pay

I realized a mobile application would be an ideal medium to do quick peer-to-peer transfer of money and gives user the option to make payments even on the go.

Wireframes

Home Screen Mockup
Home Screen
Contacts Screen
Payment Screen
Transactions
Messages
User Profile

Usability Testing

With the wireframes sketched I conducted a usability test with university students to test and understand the user flow, feature prioritization and if the app experience met their initial goals. You can have a look at the Clickable medium fidelity prototype used for the usability testing.

Feedback

  • Users felt the Homescreen layout displaying the total balance could display more Information such as which card had how much balance and if they can modify it.
  • The idea of including businesses section to do an instant transfer did not have a positive impact on users as they felt they already had a card linked to most apps and Apple Pay was much faster when paying at restaurants or other essential services.
  • Users wanted to send an instant notification to the contact once a payment was sent and have it displayed in the chat automatically rather than them notifying the friend.

Final Prototype

Solution

Zap is a peer to peer payment transfer application designed to connect, track and send payments to your friends within seconds. Clickable prototype Link and walkthrough video below.

Onboarding Experience

Onboarding Experience Mockup

Payment Experience

Payment Experience Mockup

Additional Screens

Additional Screens

Reflection

Learnings and Takeaways

  • One of the main learnings I had through this experience was "I am not the user" and I needed to constantly validate my ideas and designs with other users and look things from various perspectives.
  • In future I would love to work furthermore on security features such as Face ID verification before transactions, Tap-to-pay and the ways this app can be implemented to a broader range of population.
  • Overall this project was really fun to work on as I got a chance to solve a real world problem through better design and also explore my visual design skills further.
BackgroundResearchEmpathiseIdeateFinal PrototypeApp ScreensReflection