Project Summary
DurationOct 2023 - Dec 2023
CategoryUX Research, UX Design
ProgramMajor project for Communication Design at Parsons School of Design
Tools
Figma/Figjam, Adobe Photoshop, Adobe Illustrator
Core IdeaBy providing a customization feature, users can personalize their landing page to fit their preferences. This allows for a more streamlined experience, minimizing unnecessary scrolling and ensuring that essential functions are easily accessible, ultimately enhancing user satisfaction and efficiency.
Discover
To better understand the real problems users face, I conducted interviews with two groups of users—experienced and new—since their experiences may vary based on how long they've used the app. I interviewed four users: three experienced users who have been using the app for over five years, and one new user who signed up just three months ago.
Key Interview Questions
-
Are there any specific improvements you’d like to see in the app?
-
Which features of the app do you find most useful, and can you explain why?
- On a scale of 1 to 10, how satisfied are you with the 'Case' banking app? Could you explain the reasons for your rating?
After completing the user interviews, I first categorized the feedback into two sections: pros (yellow) and cons (pink). I then analyzed which aspects users frequently mentioned as negative.
I discovered that many users, particularly the experienced ones, expressed frustration extensively on the landing page to find the section they need.
The Chase banking app presents a challenge with its lengthy landing page, which makes it difficult for users to quickly find the sections they need. Redesigning the app is an opportunity to enhance the user experience, allowing users to navigate it more efficiently and effectively.
To better understand the current market, I conducted a competitive analysis of popular finance apps and discovered that many offer customization features. This analysis helped me identify both the strengths and weaknesses of existing apps.
For example, Bank of America provides a "Dashboard" tab on its landing page, which allows users to access additional features, including a "customize my dashboard" option. This enables users to see only the features they want to use.
Similarly, Woori Bank offers a home screen customization feature with three themes, allowing users to choose a theme based on their preferences.
I also compared how many times users have to scroll to reach the end of the landing page. While competitors required only two scrolls to navigate, Chase required four, highlighting a need for improvement.
How might we decrease the need for excessive scrolling?
Ideate
To address the challenge of "How might we reduce excessive scrolling?", I sketched various customization solutions.
Test
After sketching, I developed two low-fidelity prototypes to compare which option users preferred. I then conducted user testing with three participants.
Users found this easy to understand but felt it was difficult to move the sections.
While users found it easier to move the sections, they struggled to fully understand each section, especially given the complexity of banking features.
I also tested a paper prototype, considering that if users want all features available, customization might not be necessary. I cut the sections separately and offered several designs for features like customizable icons to see which ones users preferred.
From this test, I learned that all participants chose only some sections for the landing page. Their feedback included:
-
"I don’t need the ‘credit card’ section since I don’t have one."
-
"I don’t need the ‘investment’ section right now because I’m a student and not interested in it."
- One user even said, "I don’t want to see ‘good morning’ if I’m not having a good morning."
This step was incredibly helpful and fun, as it guided my next design direction. It revealed how to revise the design to make it more user-friendly.
Revise & Deliver
For the final high-fidelity prototype, I combined aspects of both Prototype A and B. Pressing the customization button now leads to a different page where users can manage their sections. This page is easy to move the sections and uses images to help users better understand each section.
In the “Present Sections”, users can move or remove sections. I also maintained consistency by using the same "delete" design already present in the app, ensuring a familiar user experience.
The "Add More" tab allows users to add hidden sections back to the landing page by simply pressing the plus icon.
And voila! Check out your new landing page—no more endless scrolling.
Thank you for watching!