Designing for foldables in 2023
summary
Foldable guidance lists concrete patterns and tools: list–detail and supporting pane canonical layouts, reveal/transform/expand/reposition UI moves, and pragmatic code: SlidingPaneLayout, MotionLayout, the navigation graph, and Jetpack Window Manager (Compose-aware). Samsung owns about two‑thirds of the market; foldables remain a small segment but grow rapidly (one slide cites ~53% growth). Examples include adapting Zeppelin’s feed and moving bottom navigation to a navigation rail; emulators and Layout Validation validate posture and folding features before buying hardware.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 2:32Foldables as hybrid devices
- 7:30Challenges and UX principles
- 10:41Adaptive layout UI patterns
- 14:13Canonical layouts in Material Design
- 18:09Navigation strategies
- 22:02List detail layout code
- 24:29Feed and pane layouts
- 27:00Detecting device postures
- 29:04Testing with emulators
- 31:12Handling device features
- 32:13Resources and learning
- 33:37Q&A
related talks
14mWhat’s new in foldables, tablets, and large screens
33mIntroduction to dual-screen and foldables development
47mThe age of large screen & foldables
29mFoldable, Meet Compose
22mIs your app ready for foldable phones?
34mMore Than Foldables: Android App for Foldables and Larger Screens
25mIntroduction to dual-screen and foldables development
42mLarge screens and foldables