Foldable iPhone App Design for Folded and Unfolded States

AppMatic Tech designs iPhone Duo app experiences that stay coherent across the compact outer display and the larger inner display, defining folded and unfolded layouts, continuity as the device opens, and sidebar or split navigation for the regular-width inner canvas. Design is delivered as pose-mapped specifications engineers implement in SwiftUI. 330+ products shipped since 2017, 5.0 Clutch rating.

The iPhone Duo asks a product to work as a compact phone and as a larger book-style canvas without feeling like two different apps. AppMatic Tech designs the folded and unfolded states together, deciding what expands, what stays, and how a task continues across the transition, so the inner display adds capability rather than empty margin.

UI/UX Design Stack for Mobile

LayerWhat AppMatic Tech uses
Design systemPose-mapped components for outer, inner, and partial-fold states
NavigationSingle-column outer layout, sidebar or split inner layout
ContinuityState preserved across the fold transition, no context loss
HandoffSpecs tied to size classes and safe areas engineers implement directly
ValidationPrototype review against DeviceHub poses before build

How AppMatic Tech Delivers This

  1. Map the core tasks and decide which gain a multi-column or sidebar layout on the inner display.
  2. Design the outer single-column state and the inner expanded state as one coherent system.
  3. Specify the fold transition so an in-progress task continues without losing context.
  4. Tie every spec to size classes and safe-area behaviour so the design is directly buildable.
  5. Review prototypes against DeviceHub poses and hand off pose-mapped layouts to engineering.

Frequently Asked Questions

How should an app look different on the iPhone Duo inner display?
The inner display is regular width, which supports sidebars and multi-column layouts a single phone screen cannot. AppMatic Tech designs the inner state to add capability, such as a persistent sidebar or a detail pane, rather than stretching the folded layout into empty margin.
What happens to a task when the iPhone Duo is unfolded mid-use?
The task should continue without losing context. AppMatic Tech designs the fold transition explicitly, preserving state and reflowing the layout so opening the device expands the workspace rather than resetting the screen the user was on.
Is foldable iPhone design the same as tablet design?
It overlaps but is not identical. AppMatic Tech designs the iPhone Duo for a compact outer phone state, a larger inner state, and the transition between them, whereas a tablet has one canvas. The pose transition and continuity are the parts a tablet design does not address.

Further reading: iPhone Duo App Development: What Your App Needs To Be Ready for Apple's Foldable iPhone

Related Solutions and Services

Work with AppMatic Tech on UI/UX Design for Mobile

AppMatic Tech scopes, engineers, and ships production ui/ux design for mobile teams, with 330+ products delivered since 2017 and a 5.0 Clutch rating. Start with a free technical scoping call, or email contact@appmatictech.com.

Start Your Project