Connecting upperclassmen and incoming students.
UX and UI Enhancement of Chase Mobile Banking Application
If you are interested in a specific part of the design process, feel free to click the button to learn more about it!
To start this project, I want to understand the Business goals of Chase mobile app and the target customers.
Chase is with the leading position in investment banking. According to the latest available data from the Financial Times, JPMorgan ranks first in terms of fees collected for investment banking.
The main goal of the mobile app is to gaining share in millennials, which could convert them to higher-value customers in the long run, especially for converting them into the investment banking services.
The consumer and community banking is the largest revenue(46%) for the company. It is necessary to attack and provide remote services for customers, especially for those who don’t live near a bank branch, with the goal of revenue retention.
Most of the UW mentorship programs are major or identity-based, such as Economic Undergrad Student Mentorship Program and International student mentorship program.
Be able to solve the needs of a large number of students on campus, who are in the large departments and social identities groups.
It will be hard for new students with minority background to find mentors though these programs.
These mentorship programs are usually quarter-based, which is more convenient for the organizers planning out the mentorship events that fit in students' schedules.
More convenient for the organizers planning out the mentorship events that fits the students' schedules.
It is tough for students who would like to find a mentor in the middle of the quarter. They will have to wait until the program applications open again quarter/year.
75.6% of Mobile Banking users are millennials, due to the high rate of smartphone usage in this group.
A lot of Chase app users mentioned in App store reviews, the reason why they installed that app is because they don’t have a branch in their neighborhood.
I conducted semi structured interview with 3 participants to understand
The most frequent features that they use and what are some obstacles that they are facing while using the app.
"I know what I am going to do when I open the app."
-- Charlene, 23 years old, Chase Mobile App User
"The features aren't standout enough. It usually takes a long time to find a feature."
-- Grace, 22 years old, Chase Mobile App User
Q&A Connection Platform
Connecting incoming students and experienced students through QUESTIONS. Compared to other ideas, this one better fulfilling the mentee's need(resources and guidance) and the mentor's need(rewards of helping others and promoting themselves/organizations)
The idea fulfilling (Green) Mentee's demands and (Blue) Mentor's demands
The solution will be a "safe space" for new students to get help and supports while mentors can promote themselves and gain a sense of reward.
What are the Features and how they meet with the user goals
The user flow of the platform
Allows students to view a list of existing questions. Mentor can choose questions to answer.
In this case, mentors don't have to answer similar questions repeatedly, since the new students will be able to search those questions before asking.
Based on the data from the students' profile (with class standing, intended majors, interests, questions they asked, etc.), the platform will provide mentor/connection suggestions that matched with the new students' profile using algorithms.
The platform will also provide a direct message feature to encourage the communication between users.
The mobile application allows users to get access to the platform anytime, anywhere. Compared to websites, the mobile app offers better user interactions and obtains features like push notification, which is an essential part of the platform. Most mentors expect their mentees to be responsive and active. Pushing notifications can keep both mentors and mentees updated.
Original Wifreframe of the product
The style of the app is based on the University of Washington style guide. Since it is a platform for the school, and I want to have a signifier to remain on brand.
The notification page will show all the connection / question invitation, and any updates for the users' questions/answers.
An onsite direct message system that allows user to communicate with their connections conveniently without using othere platforms.
The profile page for the user. Users will be able to edit their profile, keep track of their questions / answers / connections, and get access to the setting.
Visit other's profile when receiving an invitation. Users will be able to view their interests, classes, answers, and questions they asked.
The University of Washington strives to ensure that people with disabilities have access to all services and content, I also include accessible design to make sure all the students will be able to use the platform.
Most of the font size for the paragraph in the design is 16pt, which will pass the mobile accessibility AA test. But the smallest font in the interface is in 12 pt for visually appealing. I will include a font size setting in the app, which allows users to adjust the font size based on their needs.
16pt only meets the minimum requirements, and it is not the ideal font size for people with lower vision(18pt will pass the AAA test). Therefore, providing a customized font size setting will be the most feasible way to make the content accessible to everyone.
All the color contrast in the app have passed the contrast AAA test, which makes sure even people with lower vision can still read the text.
I have considered some specific interaction and Voice-over feedbacks in my design. Since this app is going to be in the iOS environment, the gesture and interaction for the screen reader will be the VoiceOver interaction. If the device is not an Apple device, the interaction design here will not be applicable. But the voice feedback content should be universal.
For all the list view in the app, VoiceOver users should be able to navigate between the list items by swiping left / right.
Let's discuss some constraints of the project and the future plan.
The small sample size for the user interview is one of my biggest concerns. Only 4 students' opinions might not represent the major student body. I would generate a survey and conduct it in random sampling to ask more students for their opinions of this mentorship.
Another concern that I am having is that I mostly focused on undergrad freshmen during my research process; however, transfer students and first-year grad students should also be considered. But I believe this platform will also be applicable for them to get advice and connections.
Due to time constraints, I was not able to conduct a usability test for my prototypes to get feedback to improve the design. My next step is going to finalize the prototype, generate a usability test script, perform the usability test, and revise the design.
Entire Prototype and Wireframes
Online Academic Mentorship Platform Analysis
UW Mentorship Program AnalysisLiterature Review Resource
Notes and walkthroughs during the process