IosThumbZone [pattern] v1.0.0

Place primary call-to-action controls in the lower half of the screen (thumb zone) where the thumb naturally rests in a one-handed grip, keeping destructive or infrequent actions in the upper, harder-to-reach zones.

Label

iOS Thumb Zone for Primary Actions

Meta

• License: MIT AND Apache-2.0
• License Provenance: legacy-backfill

Problem

Primary action buttons placed at the top of tall iPhone screens require the user to shift their grip or use a second hand, increasing effort and error rate for the most common action.

Solution

Position the primary CTA as a full-width or large bottom button above the home indicator safe area (bottom of the safe area). Secondary or destructive actions (Delete, Settings) may live in the navigation bar at the top. Tab bars at the bottom double as both navigation and thumb-zone access to primary destinations.

IosThumbZone [pattern] v1.0.0

Place primary call-to-action controls in the lower half of the screen (thumb zone) where the thumb naturally rests in a one-handed grip, keeping destructive or infrequent actions in the upper, harder-to-reach zones.

Label

iOS Thumb Zone for Primary Actions

Meta

• License: MIT AND Apache-2.0
• License Provenance: legacy-backfill

Problem

Primary action buttons placed at the top of tall iPhone screens require the user to shift their grip or use a second hand, increasing effort and error rate for the most common action.

Solution

Position the primary CTA as a full-width or large bottom button above the home indicator safe area (bottom of the safe area). Secondary or destructive actions (Delete, Settings) may live in the navigation bar at the top. Tab bars at the bottom double as both navigation and thumb-zone access to primary destinations.

Relations

related: [@community/constraint-ios-touch-target-44pt, @community/rule-ios-safe-area-insets, @community/pattern-ios-tab-bar-top-level, @community/constraint-mobile-touch-target-44px, @community/check-touch-target-min, @community/check-mobile-first, @community/check-focus-visible]

Label

iOS Thumb Zone for Primary Actions

Meta

• License: MIT AND Apache-2.0
• License Provenance: legacy-backfill

Problem

Primary action buttons placed at the top of tall iPhone screens require the user to shift their grip or use a second hand, increasing effort and error rate for the most common action.

Solution

Position the primary CTA as a full-width or large bottom button above the home indicator safe area (bottom of the safe area). Secondary or destructive actions (Delete, Settings) may live in the navigation bar at the top. Tab bars at the bottom double as both navigation and thumb-zone access to primary destinations.