Overview

Although banks are integral to our way of life, mobile banking apps continue to be frustrating for consumers. I sought to refine the Chase's experience through an unsolicited redesign.

Challenge

As it stands, the current Chase mobile app is functional; however, it not intuitive or easy-to-use. A few of the main issues:

Actions and links are hidden in the left hamburger menu

Upon loading the app, it's unclear to the user what they can do. The app should be more explicit about possible actions without requiring the user to go spelunking for specific features.

Not designed for the sparse state

In my case, I only have a credit card with Chase, and no savings or checkings accounts. While it's unknown the average number of accounts a customer might have, the single account case looks extremely sparse.

Reliance on mobile HTML

Unfortunately, many of items in the app's menus simply link to Chase's website, taking users out of the app.

Solution

I made the decision early on to design the accounts and credit cards as being swipeable, rather than in a vertical list. This eases the look of blank states and also allows users to focus on a single account at a time. Buttons in the header provide relevant actions for each type of account.

As users scroll through their accounts, the header minimizes to give more real estate to the transactions. If necessary, users can also view previous statements in PDF form or inspect their account details for routing numbers or next payment dates.

Tapping the transfer tab takes the user out of context into a form where they can specify origin and destination accounts and add an optional memo. A confirmation step reduces the possibility of error.