Product design
Mobile UX & UI glossary
Mobile UX and UI decisions show up in every screen: onboarding length, paywall timing, dark mode contrast, and whether a permission prompt appears before the user sees value. This cluster collects practical terms for lean teams shipping iOS, Android, and cross-platform apps — not abstract design theory.
Most entries are short glossary cards for fast lookup and internal linking. In-depth guides go deeper on high-intent topics like dark mode design, mobile onboarding flows, paywall screen design, and color palette accessibility — with quoted practitioner notes from Sych (founder, Sych-Tech), not generic templates.
Use these pages to align design and engineering on the same vocabulary, then connect patterns to real products in the Sych-Tech portfolio. When a term has an in-depth guide badge, start there if you are optimizing for search or onboarding a new teammate.
In-depth guides in Mobile UX & UI
In-depth guide
Design Tokens
Design tokens are named variables for color, spacing, typography, and radius — the bridge between Figma and SwiftUI, Compose, or React Native code.
Read full guideIn-depth guide
Color Palette Accessibility
Color palette accessibility means choosing mobile colors so text, icons, and interactive states stay readable for more users — in light mode, dark mode, and outdoors.
Read full guideIn-depth guide
Dark Mode Design
Dark mode design is the practice of building mobile interfaces that stay legible, calm, and accessible on dark backgrounds — using layered surfaces, tuned contrast, and platform-aware theme behavior.
Read full guideIn-depth guide
Theme Switching UX
Theme switching UX is how users choose light, dark, or system appearance — and how the app applies that choice without jarring flashes or broken screens.
Read full guideIn-depth guide
Onboarding Flow Mobile
A mobile onboarding flow is the first-run experience that shows what the app does, earns trust, and gets users to one successful action — without a long tutorial users skip.
Read full guideIn-depth guide
Progressive Onboarding
Progressive onboarding teaches features at the moment of use — tooltips, empty states, and contextual hints — instead of a long first-run tour users dismiss.
Read full guideIn-depth guide
Paywall Screen Design
Paywall screen design is how you present subscription or purchase options so users understand value, price, and terms — without feeling trapped or misled.
Read full guideAll terms in Mobile UX & UI
Showing 1–15 of 56 terms · page 1 of 4
Mobile UX & UI
Mobile UX
Mobile UX is a mobile UX and UI concept for designing mobile experiences around context, touch, and short attention spans so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
UI Design System
UI Design System is a mobile UX and UI concept for maintaining shared components, patterns, and rules across mobile screens so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
GuideDesign Tokens
Design tokens are named variables for color, spacing, typography, and radius — the bridge between Figma and SwiftUI, Compose, or React Native code.
Read full guideMobile UX & UI
Component Library
Component Library is a mobile UX and UI concept for cataloging tested UI building blocks engineers compose into features so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
Atomic Design
Atomic Design is a mobile UX and UI concept for structuring UI from atoms through organisms to full templates so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
Spacing Scale Design
Spacing Scale Design is a mobile UX and UI concept for using consistent spacing steps for rhythm and density on mobile so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
Typography Scale Mobile
Typography Scale Mobile is a mobile UX and UI concept for defining readable type sizes and weights for small screens so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
GuideColor Palette Accessibility
Color palette accessibility means choosing mobile colors so text, icons, and interactive states stay readable for more users — in light mode, dark mode, and outdoors.
Read full guideMobile UX & UI
GuideDark Mode Design
Dark mode design is the practice of building mobile interfaces that stay legible, calm, and accessible on dark backgrounds — using layered surfaces, tuned contrast, and platform-aware theme behavior.
Read full guideMobile UX & UI
Light Mode Design
Light Mode Design is a mobile UX and UI concept for optimizing default bright theme for outdoor readability and brand clarity so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
GuideTheme Switching UX
Theme switching UX is how users choose light, dark, or system appearance — and how the app applies that choice without jarring flashes or broken screens.
Read full guideMobile UX & UI
Haptic Feedback UX
Haptic Feedback UX is a mobile UX and UI concept for using vibration patterns to confirm actions and reinforce delight so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
Microinteraction
Microinteraction is a mobile UX and UI concept for adding small motion and feedback cues around taps and state changes so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
Empty State Design
Empty State Design is a mobile UX and UI concept for guiding users when lists or content have nothing to show yet so apps feel clear, fast, and trustworthy.
Read definitionMobile UX & UI
Loading State Design
Loading State Design is a mobile UX and UI concept for communicating progress while data or actions are in flight so apps feel clear, fast, and trustworthy.
Read definitionPremium mobile apps like Sagittarius AI depend on consistent tokens for dark surfaces, chat bubbles, and elevated sheets.
Sagittarius AIMultimodel AI workspace — chat, file analysis, vision, and image generation. Android and iOS, closed testing.View product