I'm gathering feedback on the best way to show a keyboard on screen that will provide different keys depending on the input needed.
The user will have to input 3 different values in three different steps of a process: 1- enter code (numeric password) 2- enter amount to pay (money with decimals) 3- enter additional amount (money also)
For each input, the keyboard may change a little, since the Code, for example, does not allow dots, but the Amounts will need dots for decimals and double zeros in the keyboard could help...
I need the keyboards to be consistent for the whole flow, despite the specific rules per entry, and to be compact (visually), since the space is limited in the last input (#3 does not need a field above, since the entry field is on the side). I clearly don't want to reinvent the standards, so I'll like the "0" to be centered, right below the "8".
Here are some options to help you imagine it. Hope it makes sense.
The set I like the most is shown as Row 1. What do you think?