Adapting mobile apps to iPhone Duo

by GoodBarber

GoodBarber is a mobile app builder for iOS, Android and PWA. This launch film shows how its apps adapt to the two displays of iPhone Duo, through five demo apps, from a travel magazine to a music school. Don't stretch: that is the rule on screen. On the inner display, text and margins hold at their phone size, and the extra width goes to more content. Held sideways, a grid reaches four per row and a front page is laid out as a spread. A podcast keeps playing as the phone opens. Apple's design guidelines put toolbars and tab bars on the side of the outer display. Our bars are drawn by our own design system, so we designed that column for them: a rail of icons along the camera. Each family of screens (lists, grids, detail pages, full-screen views) has its rules, written once, and every app takes them on in its own design. To get them: rebuild from your back office, then publish the update. The rules start from DuoApps, the open knowledge base our design team publishes. The device is drawn from the dimensions in Apple's tech specs. https://www.goodbarber.com/blog/iphone-duo-the-foldable-iphone-what-changes-for-your-app/?utm_source=layers&utm_medium=social&utm_campaign=iphone-duo