Mobile game design screens with cartoon characters on a neon gaming background
Back to top

Mobile game design: practices and workflow

Dmytro Lunov

Written by

Dmytro Lunov Verified author

Head of Delivery and Program Director at Game-Ace

Dmytro leads Game-Ace delivery teams on game development, art production, game design, MVP prototyping, and Unity and Unreal Engine projects.

Published June 13, 2022 Updated July 21, 2026

Mobile game design is the process of shaping mechanics, UI, UX, art direction, and platform fit for smartphones and tablets so a touch-first game feels obvious in the first thirty seconds. Good mobile game design balances short session loops, one-thumb input, narrow CPU and battery budgets, and the design conventions of iOS and Android.

What mobile game design actually covers

Mobile game design covers five working layers that have to ship together: core mechanics, in-game economy, game logic, art direction, and interface and experience. Each layer has its own constraints on a phone: mechanics are limited to one or two thumbs, economy has to support free-to-play without friction, logic has to recover from interruptions like calls and notifications, art has to read at small sizes, and UI has to work in both portrait and landscape on screens from 4.7 to 6.9 inches.

On the production side, mobile game design is also a document. The mobile game design document (GDD) captures rules, target platforms, session length, monetisation, store requirements, and accessibility decisions so engineering, art, and QA work from the same source.

Mechanics, economy, logic, art, and UI map to fields that buyers usually ask about:

  • Mechanics: touch input model, gesture set, tilt or accelerometer use, one-thumb vs two-thumb play.
  • Economy: monetisation model (paid app, in-app purchase, in-app advertising) and its design constraints.
  • Logic: session length, save points, offline behaviour, recovery from interruptions.
  • Art direction: 2D vs 3D, frame budget, asset memory budget, target device tier.
  • UI and UX: HUD layout, button size, accessibility, onboarding flow, store screenshots.

Mobile game design constraints that drive every UI decision

Mobile game design lives inside hard constraints that PC and console design rarely face. Touch targets have to clear the standard 44 pt minimum on iOS and 48 dp on Android. The thumb arc on a 6.5-inch device leaves only a partial reachable zone, which pushes primary actions to the bottom corners. Notches, dynamic islands, rounded corners, and gesture bars cut into the safe area, so HUD anchors have to use platform insets, not hard-coded pixels.

Performance budgets are equally tight. A mid-tier Android device target typically aims for 30–60 FPS at a 1080p or downscaled render resolution, with a 250–400 MB texture memory budget and a sub-200 MB RAM headroom for gameplay state. Battery drain is part of the design: continuous shaders, always-on networking, and high-frequency haptics shorten session length and hurt retention.

Practical UI and UX rules that come out of these constraints:

  • Place primary actions in the lower thumb arc, not at the top of the screen.
  • Respect platform safe areas; never anchor UI to screen edges directly.
  • Use 44 pt iOS / 48 dp Android minimum touch targets, with 8 pt spacing between actions.
  • Test the HUD with both thumbs and with one-handed grip on a 6.7-inch device.
  • Plan for portrait and landscape if the game allows rotation; otherwise lock the orientation in the GDD.

Mobile game design workflow from concept to live build

Mobile game design interface with fantasy characters and menu buttons

A mobile game design workflow runs concept, GDD, prototype, art direction, UI/UX, build, and live operations as connected stages, not isolated phases. The shape changes with the genre, but the order is stable enough to plan around.

A working order most studios follow:

  • Concept and market check: define the core loop, target audience, monetisation model, and reference titles.
  • GDD: lock mechanics, economy, art direction, target platforms, and store strategy in one document.
  • Prototype: ship a playable core loop in a single scene on a target device within two to four weeks.
  • Art direction and 2D/3D pipelines: style guide, asset list, technical art budgets, animation rules.
  • UI/UX pass: wireframes, HUD layout, onboarding flow, store screenshots, localisation slots.
  • Vertical slice and content production: build the production-grade pipeline and scale content.
  • QA and certification: device matrix testing, store guideline compliance, performance profiling.
  • Soft launch and live operations: telemetry, A/B tests, content updates, seasonal events.

The prototype stage is where most mobile game design fails quietly. If the core loop is not fun on a single device in under five minutes, scaling the build does not fix it. A studio that takes mobile game design seriously cuts prototypes that do not pass a thirty-second hook test on a real phone.

How iOS and Android mobile game design conventions actually differ

iOS and Android share most touch and gesture conventions, but the platform guidelines differ on safe areas, navigation gestures, system fonts, and certification rules. A mobile game design pass that ignores the platform-level differences fails store review or breaks on a chunk of the device fleet.

Apple publishes the Human Interface Guidelines for iOS, iPadOS, and visionOS. Google publishes the Material Design 3 system for Android. Both should sit on the design lead's desk through the entire project.

Design area iOS conventions Android conventions
Reference system Apple Human Interface Guidelines Material Design 3
Minimum touch target 44 pt 48 dp
Safe area concerns Notch, Dynamic Island, home indicator, status bar inset Gesture nav bar, camera cutouts, status bar, varied bezel sizes
Navigation gesture Edge swipe from left for back; bottom swipe for home System back gesture (edge swipe both sides); 3-button or gesture nav
Primary system font SF Pro and SF Compact Roboto and Roboto Flex
Device variety Limited iPhone and iPad models per generation Hundreds of OEM models with varied resolutions and aspect ratios
Store guideline strictness Strict App Store review with design and content rules Looser Play Store review with stricter privacy and ads policies
Haptics Core Haptics with sharpness and intensity VibrationEffect API with predefined and waveform patterns

Mobile game design for art and animation pipelines

Mobile game design for art runs against memory and draw-call budgets that desktop teams rarely think about. A 2D game on a mid-tier Android device usually targets a single 2048x2048 or 4096x4096 sprite atlas per scene, animated frame-by-frame or with skeletal rigs in Spine or Live2D. A 3D mobile game targets LOD-0 character meshes around 8,000–15,000 triangles, baked lighting, and a small handful of real-time shadow casters per frame.

Asset format choice drives both runtime cost and load time. ASTC for textures, CRunch or BC7 compression where supported, OGG Vorbis for audio, and engine-native mesh formats are the safe defaults.

On the animation side, rigs designed for mobile need lower bone counts than console rigs, with one skinning weight per vertex where possible and predictable IK chains for procedural foot placement.

Mobile game design at Game-Ace: Knight Stack Jump case

One recent mobile title shows how Game-Ace handles mobile game design across a focused genre and production scope.

Welcome to Knight Stack Jump, a hyper-casual mobile title by Game-Ace

Knight Stack Jump hyper-casual mobile game logo

Knight Stack Jump is a hyper-casual 2D mobile game built around a one-thumb stacking and timing loop. Game-Ace handled the full mobile game design and production cycle, including core loop tuning, 2D art direction, UI for portrait play, and store-ready build delivery.

Check out the case study

Mobile game design choices that shape monetisation

Monetisation is a mobile game design decision, not a marketing one. The model affects the core loop, the session length, the onboarding flow, and the UI surface area. Free-to-play with rewarded video, battle pass, or soft-currency in-app purchases is the dominant model; paid premium is rare and works only for distinct, gift-friendly genres.

Three working models and where each fits:

Rewarded video plus IAP: hyper-casual and casual loops where the player picks when to watch an ad for a boost.

Battle pass and seasonal content: mid-core titles with daily and weekly progression and live operations.

Premium paid app: niche puzzle and narrative titles where the genre and audience support a one-time purchase.

Each model changes the UI. A rewarded-video loop needs a clearly placed offer surface; a battle pass needs a persistent progress HUD; a premium title can run a cleaner interface without offer banners.

Adjacent topics teams plan together with mobile game design

Mobile game design rarely ships alone. Engineering tooling, platform-specific delivery, and post-launch QA share the same calendar. Teams who scope mobile game design also scope the underlying mobile game development cycle, the Unity mobile game development toolchain when Unity is the engine, and the game UI/UX design workstream that owns wireframes and HUD specs.

Related reading on the Game-Ace blog: the mobile game development process explained and the breakdown of cross-platform mobile game development for teams choosing between native and shared codebases. A separate article covers mobile game testing for the QA side of the same scope.

Talk to Game-Ace about mobile game design

If you are scoping a mobile game design from scratch, a UI/UX refresh for an existing title, or co-development on mobile game design with your in-house team, talk to Game-Ace.

When to talk to Game-Ace about mobile game design

Mobile game design works best when one team owns mechanics, UI, UX, art direction, and platform fit together. Game-Ace, a custom mobile game development studio, has handled mobile design and production since 2005 with a 120+ in-house team covering Unity, Unreal Engine, 2D and 3D art, UI/UX, and QA. Engagement runs as full-cycle development, co-development with an existing in-house team, or team extension under NDA with full IP transfer at handover.

Frequently searched questions about mobile game design

Mobile game design runs as concept, GDD, playable prototype, art direction and UI/UX, vertical slice, content production, QA on a device matrix, soft launch, and live operations. The prototype stage decides whether the core loop is worth scaling; if the thirty-second hook test fails on a real phone, the design goes back to the GDD before the team commits to production.

iOS follows Apple Human Interface Guidelines with a 44 pt minimum touch target, strict App Store review, and a limited device set. Android follows Material Design 3 with a 48 dp minimum, looser store review, and hundreds of OEM models that force broader resolution and safe-area testing.

A working baseline covers 16:9, 18:9, 19.5:9, 20:9, and 21:9 portrait ratios across iPhone, Pixel, Galaxy, and mid-tier Android models from 4.7 to 6.9 inches. Tablet support adds 4:3 and 3:2 aspect ratios for iPad and Galaxy Tab. The UI has to anchor to platform safe areas rather than to fixed screen edges so notches, dynamic islands, and gesture bars do not clip the HUD.

Mobile game design budgets depend on scope, art style, and engagement model. Typical ranges that Game-Ace sees from briefs include:
  • Hyper-casual 2D title: €30,000–€80,000 for design, art, and Unity build.
  • Casual mid-core title: €80,000–€200,000 for design, art, UI/UX, and production.
  • Mid-core RPG or strategy with live ops: €200,000–€500,000+ for full-cycle delivery.
  • UI/UX refresh on an existing title: €15,000–€40,000 for redesign and integration.
  • Standalone GDD and concept package: €8,000–€20,000 for a documented design ready for production.
Exact pricing comes out of a brief review and platform target. The separate article on mobile game development cost covers the full breakdown.

Mobile game design covers the whole game: mechanics, economy, logic, art direction, and interface. Mobile game UI/UX is the interface layer inside that scope, focused on HUD layout, onboarding, navigation, and accessibility. A complete mobile game design includes UI/UX but also defines the core loop, monetisation, and the live-ops surface.

Scoping starts with the brief and a target device tier, then moves to a GDD, a paid two-to-four-week prototype, and a fixed-scope production phase with weekly demos. Game-Ace runs this scope under NDA with full IP transfer at handover, and engagement can be full-cycle, co-development with the client's in-house team, or team extension.

Rewarded video, soft-currency in-app purchases, and battle-pass seasonal content are the three patterns that ship most often in current free-to-play mobile titles. Rewarded video fits hyper-casual loops, soft-currency IAP fits casual and mid-core, and battle pass fits mid-core titles with a content cadence and live operations team.

The HUD anchors to platform safe-area insets and uses a flexible layout that swaps between portrait and landscape using engine UI anchors rather than fixed pixel positions. Studios decide in the GDD whether the game locks orientation or allows both, since supporting both doubles the UI test matrix.
Average rating 4.9 / 5. Votes: 344
Related posts
Learning games for kids with VR space exploration scene How to design learning games for kids Arcade game design main preview img Behind the beeps: how arcade game design still shapes interactive entertainment How to make a game app preview How to make a game app that captures users and dominates the market Game environment design preview Crafting immersive worlds: the power of game environment design Narrative game design preview Mastering narrative game design for unforgettable player experiences
Futuristic game robot running through a purple portal
Get in touch
menu
Get in touch
Game-Ace logo loader