Skip to main content

Bundles/mobile-ux-patterns

Mobile UX Patterns Audit

mobile-ux-patterns · v1.1.0 · paid

Evaluates touch targets, safe areas, keyboard handling, platform-specific conventions, gestures, and responsive layout for varying screen sizes.

Touch & Gestures

touch-gestures · weight 0.3

Touch targets are at least 44x44 points
ab-001956
critical
Interactive elements have adequate spacing between them
ab-001957
high
Custom gestures do not conflict with system gestures
ab-001958
high
Loading and progress indicators follow platform conventions
ab-001959
low
Pull-to-refresh gesture works smoothly (if implemented)
ab-001960
low

Layout & Safe Areas

layout-safe-areas · weight 0.3

SafeAreaView is used to handle notches and safe areas
ab-001961
critical
Layout responds correctly to all supported screen sizes
ab-001962
critical
Scrollable content does not extend into unsafe areas
ab-001963
medium
App handles both landscape and portrait orientations
ab-001964
high
Status bar content color visible against background
ab-001965
low
Status bar color is customized appropriately
ab-001966
medium

Platform Conventions

platform-conventions · weight 0.25

Back button/navigation uses platform conventions
ab-001967
high
Platform-specific styles are applied (iOS subtle, Android material)
ab-001968
high
Swipe-back gesture is enabled on iOS
ab-001969
medium
Modal and alert styling matches platform conventions
ab-001970
low
Tab bar icon sizes and labels follow platform guidelines
ab-001971
low

Keyboard & Input

keyboard-input · weight 0.15

Keyboard does not cover input fields (KeyboardAvoidingView used)
ab-001972
high
TextInput keyboard type matches the expected input
ab-001973
medium
Return key label is contextually appropriate
ab-001974
low
Keyboard automatically dismisses when appropriate
ab-001975
low