UI Traps! The buttons are always visible but not available?

The trick is to set the touch-sensitive area of the button, which can actually be divided into two parts:

Visual target (Visual Targe)-the area that the user can see and want to click on.

Second, touch sensing area-users can not see, used to determine whether the finger to detect the touch button area.

In general, for buttons smaller than the recommended size, we need to manually adjust the touch sensing area to a greater degree than the visual target, so even if the user does not really touch the visual target of the button (pictured below), you can also successfully click on the button, but the developer generally writes the custom button, it is easy to ignore this detail, Forget to assign the touch sensing area to the appropriate size to facilitate user clicks.

Touch-type action device on the screen space inch gold, too big button design will waste space, texture of the small button and always let people do not, then the end of the button should be designed to be convenient to use it? According to past statistics, the average width of the thumb and forefinger that people use to manipulate touch screens is: male 2.29 cm with 1.82 cm; female 1.91 cm with 1.55 cm, so the button size is traditionally recommended for 2.2 cm.

But with the improvement and progress of the touch screen, many studies have found an efficient and appropriate button size of about 0.9 cm to 1.0 cm, and it is also clear that the acceptable button size of 44pt (approximately guidelines cm) is recommended on the iOS Human Interface 0.65 provided by Apple. , and small will seriously affect the user's operation (actually need to cooperate with the use of Fitzpatrick Law for design).

If your service is designed for older users over 50 years of age, the appropriate size is 1.14 cm (single button) and 1.65 cm (side-by-side buttons).

But if for visual and spatial design needs, the button must be less than the recommended size (such as the navigation button high 0.40 cm; 0.30 cm x 0.30 cm), the developer will need to spend time adjusting the size of the touch sensing area, will not let your use of a large discount, for the fish and bear the cake both , these small places that need to be labor-intensive design are not saved!