Input Fields Redesign for BigPay
Project Scope
Improve usability and clarity for user to complete form fill.
Scalable and consistent form design across feature that required filling a form fields.
Increase sign up conversion
Aim for delightful experience and efficiency (time spend) when user fill up form details.
Improvements on input fields reduce errors, improve speed, usability, clarity. Improves conversion, reduce number of CS tickets
Date 2020
Role Lead Product Designer
Contributions 1. Direction 2. Micro-interactions 3. Video
Design
I gave this task to a junior designer at the time and oversaw her work. The reason behind this effort is that in financial services there are a lot forms and information to be fulfilled. For great part of the time users are filling up input information so improving usability just a little in a input field would have impact all across the app.
For the anatomy of input we opted for a full container as it helps to differentiate a field from each other even when there are many fields in a screen. We also used the colours of the app for focused areas for a clear distinction.
Old and new designs respectively
After we were happy with the designs we incorporated the new elements in our Design System.
