NU Flywire Payment Website Redesign
Service Design, UI Design
My role
UX researcher
UI designer
Duration
10 weeks
Tool
Figma
Microsoft Office
Type
Personal project
Sources of Project Ideas
I frequently interact with the NU digital and physical campuses. I want to learn more about NU students' interactions with them. So, I started to collect data about NU physical-digital interactions between myself and other NU students, especially international students. By collating the collected data, I want to gain a deeper understanding of these interactions.
Collect Data
After collecting the data, I communicated and shared my views and analysis of the data with three other NU students. I hope to find commonalities between the data and students’ actual campus life experiences, and better identify issues in the interaction between NU’s digital campus and its physical campus. After that, I organized the data into different sticky notes and grouped them. Also use KJ analysis to further explore the data.
I find that most interactions that are measured in hours in duration are very important. The quality of experience for interactive activities on an hourly basis is also generally good. Additionally, low-quality experiences focus on minute-by-minute interactions. Finally, low-importance interactions mostly last only a few seconds. At the same time, the experience quality of interactive activities with lower importance is not high.
Analyze Data
By collecting and analyzing data, I have drawn journey map and system diagram of my data. When drawing for the first time, I only focused on the general direction of the journey map and system diagram. However, many details are missing. So, I made some more modifications to the first drawing.
I focused on revising the thinking and feeling sections of the journey map. I put everything I've been through into a box. This helps better demonstrate how coherent my week-long interactive experience is.
Also, I added more nouns in the system diagram, such as professor, advisor, etc., and used more precise verbs to summarize the actions of each interaction. This better helps understand the components of Northeastern University and how the parts are organized and connected to each other.
Journey Map & System Diagram
Story with NU Flywire
Through the collection and analysis of data and the drawing of journal map and system diagram, I found that there are some problems in the interaction of the current NU campus system.
-
Notifications prompting to complete "I am here" at the start of term are almost non-existent
-
Inadequate Flywire tuition payment system for international students (especially when paying tuition with a dual currency credit card)
Due to time constraints, I decided to opt for improving the NU Flywire system first. The NU Flywire Payment website is a platform specially designed for Northeastern University's students, especially international students, to pay their tuition fees. I hope that my improvements can help international students better complete their tuition payments and at the same time better improve the Northeastern University community that I love.
Start Design
UX Testing & Design Update
Final Design Key Page
My newly modified prototype link can help users pay tuition more efficiently and get a receipt. Users can quickly find the correct payment method through obvious important information. At the same time, the latest design allows users to have more interaction in Flywire and Mailbox. This helps users to have a better payment experience.
If I had more time, I would like to explore a series of more iterative design solutions to continuously refine and enhance the user experience. By expanding field observations, deepening user interviews, and increasing the number of user experience tests, I will be able to collect richer and more precise user feedback. This will guide every iteration of my design to ensure we are accurately targeting and solving the specific needs of our users.
In addition, regarding the issue of “I am here” notifications at the beginning of the semester, I will design a more conspicuous and effective reminder system.
My vision is to strengthen Northeastern’s community connections, optimize everyone’s learning experience, and make our campus a shared home that every member is proud to share.