skills.rest
VGonPa
VGonPaCOMMUNITY
Explore all skills by this author →
Website𝕏@vgonpaGitHub

mobile-ux-patterns

Provide decision frameworks for mobile UX patterns like navigation and onboarding.

2|Updated Mar 14, 2026
Search Tags:#design#onboarding#mobile#ux-patterns#ergonomics#tap-targets
One-click install
npx skills add https://github.com/VGonPa/mobile-dev-agency --skill mobile-ux-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ux-patterns
Source: https://github.com/VGonPa/mobile-dev-agency/tree/main/plugins/mobile-design-squad/.claude/skills/mobile-ux-patterns
Command: npx skills add https://github.com/VGonPa/mobile-dev-agency --skill mobile-ux-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mobile teams often struggle to choose and apply the right UX patterns for navigation, forms, onboarding, and screen states, leading to inconsistent experiences and poor usability.

Core Features & Use Cases

  • Evidence-based guidance on thumb reach and tap targets to inform layout decisions.
  • Pattern decision trees for navigation (bottom tabs, drawers, top tabs, bottom sheets) and contextual patterns.
  • Onboarding and screen-state rules (loading, empty, error) to accelerate activation and reduce drop-off.
  • Practical instructions for progressive disclosure, form design, and gesture usage to improve accessibility and learnability.

Quick Start

Choose the appropriate mobile UX pattern by analyzing your screen goals and applying the Laws of UX guidance.

Frequently Asked Questions about mobile-ux-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
When should I use bottom tabs versus drawers for mobile app navigation?▼

Apply ergonomic requirements to mobile UX patterns by sizing tap targets appropriately and placing primary actions within the thumb zone. This ensures layout decisions match natural hand positioning.

How do I design onboarding and screen states to reduce user drop-off?▼

Design mobile onboarding and screen states like loading, empty, and error by applying evidence-based rules. This accelerates user activation and reduces drop-off during critical app interactions.

What is the best way to structure mobile forms for accessibility and learnability?▼

Structure mobile forms using progressive disclosure and contextual cues to improve accessibility. This approach guides users through data entry sequentially, reducing cognitive load and errors.

Does this mobile UX guidance apply to both iOS and Android platforms?▼

This guidance codifies cognitive and ergonomic requirements into actionable rules for mobile UX patterns, applying cross-platform principles for tap targets, gestures, and navigation applicable to any mobile app.

Related Skills

Explore More Design & Creative Skills→
mattgierhartmattgierhart
193

prd-v04-user-journey-mapping

Map triggers to value moments and generate UJ- entries for PRD v0.4.

Community
Advanced
lucaspedrozaemlucaspedrozaem
1

ui-design

Translate wireframes and requirements into token-level UI specifications for SaaS products.

Community
Intermediate
masssi164masssi164

flutter-improving-accessibility

Improve Flutter app accessibility with Semantics, tap targets, and color contrast.

Community
Intermediate
alinaqialinaqi
705

ui-mobile

Guide React Native mobile UI development with accessibility and platform standards.

Community
Intermediate