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.
After we were happy with the designs we incorporated the new elements in our Design System.
