skills.rest
phazurlabs
phazurlabsCOMMUNITY
Explore all skills by this author →
GitHub

Mobile UX Design

Map mobile design decisions to iOS and Android interaction patterns.

35|13|Updated Feb 14, 2026
Search Tags:#responsive design#ios#android#thumb zone#mobile ux#form design#touch interaction
One-click install
npx skills add https://github.com/phazurlabs/ux-ui-mastery --skill mobile-ux-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Mobile UX Design
Source: https://github.com/phazurlabs/ux-ui-mastery/tree/main/skills/mobile-ux-design
Command: npx skills add https://github.com/phazurlabs/ux-ui-mastery --skill mobile-ux-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill turns mobile design complexity into clear, platform-native guidance so you can create apps that feel intuitive, fast, and accessible on both iOS and Android.

Core Features & Use Cases

  • Touch and Gesture Design: Defines tappable targets, swipe patterns, thumb-zone placement, and discoverable gestures for real-world phone use.
  • Platform-Conventional UI: Guides navigation, sheets, tabs, search, permissions, and system behaviors to match iOS and Android expectations instead of forcing one generic pattern everywhere.
  • Responsive Mobile Forms: Improves sign-up, checkout, login, and data entry flows with autofill, keyboard optimization, validation, and progressive disclosure.
  • Performance and Accessibility: Prioritizes fast loading, stable layouts, large-enough controls, and inclusive interaction patterns for one-handed use and assistive technologies.
  • Use Case: A product team designing a new commerce app can use this Skill to decide where primary actions belong, how to structure checkout on a phone, and how to adapt the experience across iPhone and Android without losing native feel.

Quick Start

Ask the skill to review your mobile screen or flow and recommend the best iOS and Android interaction patterns, form improvements, and accessibility fixes.

Frequently Asked Questions about Mobile UX Design

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

FAQPage Schema
How do I design mobile UX for thumb zones and one-handed use?▼

Thumb zone design places primary actions within easy reach of the thumb. You optimize touch interaction by mapping navigation and controls to accessible touch targets, ensuring intuitive one-handed use on iOS and Android.

What's the best way to adapt form design for iOS and Android native patterns?▼

Adapting mobile forms requires platform-native UI conventions and responsive layout. You improve data entry with autofill-aware fields, keyboard optimization, and progressive disclosure to match iOS and Android expectations.

How do I choose between iOS and Android navigation patterns for a new app?▼

Choosing navigation patterns depends on platform-conventional UI. You map design decisions to native tabs, sheets, and search behaviors specific to iOS and Android instead of forcing one generic responsive layout everywhere.

Does mobile UX design require different touch interaction patterns for tablets and phones?▼

Mobile UX design primarily targets phone touch interaction and thumb-zone placement. While responsive layout principles apply, the core focus is optimizing accessible touch targets and gestures for real-world one-handed phone use.

Why does my mobile checkout flow feel slow and hard to use on a phone?▼

Mobile checkout feels slow when lacking performance-conscious UI and autofill-aware forms. You fix this by applying progressive disclosure, accessible touch targets, and platform-adaptive conventions to speed up data entry.

Related Skills

Explore More Design & Creative Skills→
Dzakiamriz22Dzakiamriz22
1

mobile

Generate mobile-first responsive layouts with touch targets and thumb-zone navigation.

Community
Advanced
xiaoweidotnetxiaoweidotnet
22

mobile-app-mockup

Generates interactive iPhone 15 Pro mockups from product requirement documents using Tailwind CSS and FontAwesome.

Community
Advanced
martinezharomartinezharo

accessibility

Audit web interfaces for WCAG 2.2 compliance and implement accessible patterns.

Community
Intermediate
namninhndnamninhnd

mobile-design

Deliver UX/UI and 3D design with AI-powered workflows, from scratch to handoff-ready files.

Community
Advanced