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.

Showing 5 live examples
Numpad
Numpad
Scroller
Scroller
Stepper
Stepper
Slider
Slider
Variable format
Variable format

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.

Share in SMS
  • SMS
  • Email