Finance app UI design

Ryno Hsiao

Web Designer
UX Researcher
UX Designer
Figma
Miro
Key vision of the project
Key vision of the project
As part of a three-person team in Professor Yi-Hsiu Chen's Human-Computer Interaction Design course at National Chengchi University, I contributed to the completion of a seamless campus nearby virtual currency consumption experience.
The project took 18 weeks to complete and involved a variety of design activities such as user interviews, use case listing, information architecture establishment, and creation of both lo-fi and hi-fi prototypes.
Additionally, we executed user evaluations and testing and established an interactive personality. Overall, this project was an excellent opportunity to gain practical experience in the field of human-computer interaction design.

Design Challenge

Design a seamless, campus-nearby, virtual currency consumption experience.

NCCU coin is a virtual currency developed by Fintech Research Center in National Cheng-Chi University. Based on blockchain technology, NCCU coin owns a special value to all stakeholders. Given by the instructor, the topic made us explore some extended topics.

Research Methods

Desktop Research (Understand the question with more information)
User Interview
User Journey
Persona
Prototype
Card Sorting
Usability Test

Desktop Research

For better understanding our problem to solve, we conducted some second-hand data and analyzed the topics.
What's the system image of the product? What do users expect?
How to make effects with users emotion, action and reflection?
What's the difference between trading with virtual currency and mobile payment?
Who's the stakeholder?

User Interview

We conducted user interviews to see how mobile payment usage differ from people to people. Three groups are invited to have an interview with us: people who don't use mobile payment, people who use mobile payment everyday, and the students from another university which already have virtual currency circulation in their campus.

User Journey

We created a user journey map to understand pain points of users when using mobile payment apps. We found that people usually experience long waiting times while scanning QR codes and checking credit card rewards information.

Persona

Prototype

Card Sorting

We presented use cases to different participants and asked them to classify ideal payment app features. We also added their feedback as new use cases for additional design reference. We found that users consider "friend functions" to be less important and most notifications are passively received and not actively checked. Additionally, frequent digital payment users consider "conversion" less important while infrequent users value it more. However, both types of users find the presentation of transfer and transaction details to be very important. Therefore, we focused on these two parts as the key elements for the final prototype design.

Usability Test

I designed the interview protocol and testing scripts for the NCCU Wallet, giving users tasks to perform while capturing their verbal feedback to better understand their thoughts. Through this process, we identified two issues that needed to be addressed.
In the original testing prototype, users were still confused about when to scan someone else's QR code and when to be scanned, so we iterated the product to make the scanner the one spending money and the scannee the one receiving money, to avoid confusion.
Additionally, we found that the term "total amount" was confusing users, so we revised the language to "credit card payment," "NCCU Coin deduction," and "total payment amount," to make each expenditure source clearer.

2019

Partner With Ryno
View Services

More Projects by Ryno