Fat Finger Syndrome

Definition

Fat Finger Syndrome can be defined as a "misclick" caused by pressing a different interlocking surface than the user intended. It occurs due to insufficient button size or due to a small offset from other prelinked content. This syndrome usually occurs on mobile devices. The name is based on a real-world situation where users with larger fingers have difficulty accurately hitting small buttons on mobile devices.

How to avoid this problem?

The average finger width is 45 - 57 px and the average thumb width is 72 px. Apple recommends a minimum on-screen element size of 44 x 44 px. Android, on the other hand, recommends a size of 48 x 48 dp (device-independent pixels). Test the given sizes on each interface and then determine your ideal size.