Numeric values
The user needs to enter or pick a numeric value.
Problem
The user needs to enter or pick a numeric value.
Solution
When the user is required to enter a numeric value, rather than relying on a full-featured keyboard provide a more focused approach.
Use this for capturing whole and decimal values.
For cases where the selection is restricted - for example pick the multiple of 5 from a range of 0 to 100 - minimize wrong selection by letting the user only pick from the appropriate values. Disable or remove incorrect options and validate. Use a scroller control or slider as an interface for the selection.
In some cases the user is required to pick up to a maximum value. For instance picking the number of people for a holiday home (from 1 to 6). Use a stepper control, which can also be combined with a numpad for quickly entering large numbers.
Use the numpad instead of a full-blown keyboard for faster entry.
Enforce minimum and maximum values and other constraints.
Problem
The user needs to enter or pick a numeric value.
Solution
When the user is required to enter a numeric value, rather than relying on a full-featured keyboard provide a more focused approach.
Use this for capturing whole and decimal values.
For cases where the selection is restricted - for example pick the multiple of 5 from a range of 0 to 100 - minimize wrong selection by letting the user only pick from the appropriate values. Disable or remove incorrect options and validate. Use a scroller control or slider as an interface for the selection.
In some cases the user is required to pick up to a maximum value. For instance picking the number of people for a holiday home (from 1 to 6). Use a stepper control, which can also be combined with a numpad for quickly entering large numbers.
Use the numpad instead of a full-blown keyboard for faster entry.
Enforce minimum and maximum values and other constraints.