New way to deal with inputs

I wasn't happy with the way inputs are currently used on most applications: When a user clicks an input, the whole screen would scroll up to show the focused input above the keyboard.

Problems:

- disrupts the flow (put the input in a new screen)
- disturbs the user (move the whole screen)
- you might not even see the input you are trying to fill in

Solution:

I imagined a better way to do it, by highlighting the focused input and moving only this element in the middle of the viewport.

Results:

- it doesn't disturb the user
- it make the user focus on the input
- it gives more real estate to show error messages or information text about the action being done

it is also a great way to deal with inputs on tablet or larger screen as it allows the rest of the UI to stay in place.

Let me know what you think!

More by Mikael Bonnevie

View profile