Designing Elements for the Bottom of the iPhone X’s Display

Max Rudberg:

iPhone X and its curved screen is the most exciting iOS UI design challenge in many years. However, there’s not a lot of time for developers to adjust their apps to this new form.

These are explorations on how certain design patterns can be adapted to the new screen. I’ll use findings in our own apps as an example.

This is a terrific piece. Rudberg makes heavy use of floating UI elements, as does Apple in many parts of iOS: notifications, Siri panels, and the card-like layout of parts of Music, Podcasts, and Mail. These elements seem very naturally tailored for a near-bezel-free display that can switch off individual pixels for perfect black areas; I’m a little surprised floating elements aren’t used even more extensively or encouraged by the HIG.