Chase App Redesign

Connecting upperclassmen and incoming students.

Tools

  • figma

Overview

UX and UI Enhancement of Chase Mobile Banking Application

Overview
Competitors Analysis
User Research
Ideation
Solution
Accessibility
Discussion

OVERVIEW

The Process

If you are interested in a specific part of the design process, feel free to click the button to learn more about it!

Market Research
User Research
Competitors Analysis
Information Architecture
Solution
Further Discussion

market Research

Why do Chase want to invest in mobile banking app?

To start this project, I want to understand the Business goals of Chase mobile app and the target customers.

Chase as an investing Bank

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.

Attracting Millennials

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.

Largest Revenue

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.

Group Identities as the Bridges.

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.

Time period fits school schedules

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.

UX research

Target Users

Young Generation

75.6% of Mobile Banking users are millennials, due to the high rate of smartphone usage in this group.

Not Living near a Branch

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.

UX research

Interviews & Findings

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

Solution

Selected Solution

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

Features

Questions Board

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.

Features

Connections Recommendations

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.

Features

Chats

The platform will also provide a direct message feature to encourage the communication between users.

SOLUTION

Why Mobile app instead of web app?

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.

SOLUTION

Wireframes

Original Wifreframe of the product

SOLUTION

Prototypes

STYLES

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.

Interactive Prototype

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.

Accessibility

Accessible Design

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.

Accessibility

Font Size

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.

Accessibility

Color Contrast

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.

Accessibility

Gestures & Voice Feedback

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.

Swipe left and right to shift focus to the previous and next list item. Provide specific voice feedbacks for all the components.suggesting voice feedback for the answer pages

Discussion

Some Concerns, and my Future Plan

Let's discuss some constraints of the project and the future plan.

Larger Sample Size

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.

The Diversity in Participants

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.

Usability Tests

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.

REFERENCE

Resources & Notes

Entire Prototype and Wireframes
Online Academic Mentorship Platform Analysis
UW Mentorship Program AnalysisLiterature Review Resource
Notes and walkthroughs during the process