This is an update on the UI and Interaction design for Role Model’s onboarding process.
Things that were not working:
The input fields needed to be redesigned. How the input fields were designed did not always work with the background.
The placement of the Password Strength Meter needed to be changed.
The idea was once you tapped on the first input, you would only have to hit next or back to navigate. The original design would have the input drop down, right above the keyboard. This lead to odd spacing.
When entering your email address, once you typed in @ there would be a drop down of common emails. I liked this idea, but the drop down took up space and on a mobile device you still had to switch keyboards to get to the @ button.
With the changes in the navigation, I opted to make the heading move in relation to the input field.
