Zitian
Zitian
  • Zitian Zhou
  • About
  • Portfolio
    • Citi Pay
    • Design Challenge
    • CoE Lab Website
    • DietWave
    • MUSE
    • BBVA UX
    • BBVA UI
    • Restaurant UI
    • Personal Identity
  • NEWEST
  • Studio Art
    • Bookbinding
    • Ceramic
    • B&W Film
    • Intaglio
    • Painting
    • Sculpture
    • Armori Chocolate
    • Black Glasses
    • Cache-Cache
    • Chalk Box Package
    • COVID-19 Infography
    • Energy Shot (能量弹) Package
    • RiveGene Biotech Identity
    • Vinyl Album Cover
  • More
    • Zitian Zhou
    • About
    • Portfolio
      • Citi Pay
      • Design Challenge
      • CoE Lab Website
      • DietWave
      • MUSE
      • BBVA UX
      • BBVA UI
      • Restaurant UI
      • Personal Identity
    • NEWEST
    • Studio Art
      • Bookbinding
      • Ceramic
      • B&W Film
      • Intaglio
      • Painting
      • Sculpture
      • Armori Chocolate
      • Black Glasses
      • Cache-Cache
      • Chalk Box Package
      • COVID-19 Infography
      • Energy Shot (能量弹) Package
      • RiveGene Biotech Identity
      • Vinyl Album Cover
  • Zitian Zhou
  • About
  • Portfolio
    • Citi Pay
    • Design Challenge
    • CoE Lab Website
    • DietWave
    • MUSE
    • BBVA UX
    • BBVA UI
    • Restaurant UI
    • Personal Identity
  • NEWEST
  • Studio Art
    • Bookbinding
    • Ceramic
    • B&W Film
    • Intaglio
    • Painting
    • Sculpture
    • Armori Chocolate
    • Black Glasses
    • Cache-Cache
    • Chalk Box Package
    • COVID-19 Infography
    • Energy Shot (能量弹) Package
    • RiveGene Biotech Identity
    • Vinyl Album Cover

BBVA

UI Design

(iOS)


BBVA Mobile App, Your Bank Advisor In Hand.

Persona Summary

Ethan Lee, 28

Daniel Smith, 24

Daniel Smith, 24

Interior Designer, San Francisco, CA


"I want to deposit check to my BBVA checking account by using mobile app."


Task 1: Deposit check thought mobile a

Daniel Smith, 24

Daniel Smith, 24

Daniel Smith, 24

Adviser, San Diego, CA


"I want to pay my monthly statement of credit card through BBVA banking app."


Task 2: Pay credit card monthly statement

Hao Phẩm, 28

Daniel Smith, 24

Hao Phẩm, 28

Product Designer, Dallas, TX


"I want to transfer $50.00 to my friend Wukong."


Task 3: Transfer money to friend

User-flows

Animated Prototype

Login

Let users to log in quickly, I added Face ID instead of typing a password every time. After login, user arriving at checking account is convenient for users to know their account information.

Task 1: Deposit Check

Depositing check is not easy to be found in the original BBVA app, but it is a commonly used function based on my survey. Therefore I set it on Checking Account page after Transfer button.

Task 2: Pay Credit Card

I combined the option of statement, payment account, and payment date in one page to simplify the entire payment process, which not only brings users a quick experience, but also saves the time of page switching.

Task 3: Transfer Money

I added a dragger that ensure the security of transfers. This is to prevent the user from accidentally touching the button without checking amount and recipient. Dragging gesture can avoid it happens and change the tedious interaction.

Proof of Concept

Design Element

Visual Development

Smooth Corners

To meet design goal, improve and simplify entire UI, smooth corners play a key role.

Shorten

Card details is not necessary to remain on credit page, unless users need to check it. 

Highlight

Pay Card function is important for users.

Low-fidelity to High-fidelity

A/B Test

Before moved to high-fidelity, Test result clarified the design direction and aesthetic.

Info Glance

It is  important to remind users of the account balance and remaining credit.

Classify

Buttons clearer, Life easier.

Reflection

Through this project, I gradually realized how important the empathy of a designer is. To meet the user's needs, and to sense how shapes effect user experience. The process of UX research taught me to understand a software ecosystem and different user groups. How to contact the current society and economic conditions, although those things are on my fade zone, as long as set myself as one of them, I can discover the needs of users and improve user experience.

Tools Used

Connect With Me

Copyright © 2022 Zitian Zhou - All Rights Reserved.

  • About
  • Citi Pay