iPhone X Notch: Everything You Need to Know

Given the iPhone X's design was leaked months before it was unveiled, many people wondered how Apple would choose to approach the notch housing the device's new TrueDepth front camera and facial recognition system.


Now that the iPhone X is official, we know the answer. Apple's new human interface guidelines for the device advise developers to embrace the notch by ensuring the layout of their apps fill the entire screen.

Don't mask or call special attention to key display features. Don't attempt to hide the device's rounded corners, sensor housing, or indicator for accessing the Home screen by placing black bars at the top and bottom of the screen. Don't use visual adornments like brackets, bezels, shapes, or instructional text to call special attention to these areas either.

In fewer words, Apple doesn't want developers to hide the notch or swipe indicator by placing black bars at the top and bottom of the screen.


Apple says most apps that use standard, system-provided UI elements like navigation bars, tables, and collections automatically adapt to the device's new form factor. Background materials extend to the edges of the display and UI elements are appropriately inset and positioned.

To ensure that content isn't clipped or obscured by the iPhone X's rounded display edges, sensor housing, or swipe gesture indicator, all apps should adhere to Apple's safe areas and layout margins to ensure approval on the App Store.


Apple also instructs developers not to place interactive controls at the very bottom of the screen, or in the corners, to avoid interfering with gestures such as swiping up from the bottom edge to return to the home screen.

Avoid explicitly placing interactive controls at the very bottom of the screen and in corners. People use swipe gestures at the bottom edge of the display to access the Home screen and app switcher, and these gestures may cancel custom gestures you implement in this area. The far corners of the screen can be difficult areas for people to reach comfortably.

Apple's website provides plenty of examples of how apps with system-provided elements will look, such as Messages and Apple Music.


Notably absent from Apple's marketing materials are any screenshots of apps in landscape mode, aside from games, and the reason may very well be that many of them don't look as pretty in that orientation.

Using the iOS simulator in Xcode, several developers have shared screenshots of what landscape apps will look like on the iPhone X, and some of them have expressed their dismay about how they look.

As noted by developer Thomas Fuchs via The Verge, landscape orientation on iPhone X looks especially worse in Safari, as Apple has letterboxed websites by adding bars to the left and right of the screen—all to avoid the notch.

Fortunately, it appears the bars won't always be white. The exact color may depend on HTML background color values.
The situation is different for widescreen photos and videos, and full-screen games, which are partially overlapped by the notch.


Fortunately for videos, at least, Apple automatically insets them to avoid the notch by default. A user can double tap a video to make it full screen, at which point it becomes overlapped by the notch again.


Meanwhile, based on Apple's size classes, iPhone X is considered to have "compact width" and "compact height" in landscape orientation.

Essentially, because of the iPhone X's swipe gesture indicator, its 5.8-inch display actually has less vertical space than the 4.7-inch iPhone 8 in landscape orientation, according to developers Sean Choe and Steven Troughton-Smith.

A number of tech enthusiasts believe Apple should have given the iPhone X's slightly larger top and bottom bezels to avoid having a notch, akin to Samsung's Galaxy S8, Xiaomi's Mi Mix 2, and LG's V30. A few Twitter users went as far as mocking up what the iPhone X could have looked like with said design.

Notch-less iPhone X mockup by UI/UX designer Matthijs Klaver

For now though, at least, the notch is the future. When the iPhone X is released in early November, we'll get our first taste of the new user experience, and many developers will certainly tailor their apps as best as possible.

Top Rated Comments

(View all)
Avatar
41 months ago
What a UX nightmare. Jesus.
Score: 108 Votes (Like | Disagree)
Avatar
41 months ago
"Make a bezelless phone! Smaller bezels the better!"

"Why didn't you make thicker bezels to hide the necessary cameras and sensors? Nobody asked for bezels that small."
Score: 69 Votes (Like | Disagree)
Avatar
41 months ago
We can only hope that Apple starts putting notches on their MacBooks, iMacs, and iPads so that there is uniformity. A notch in every Apple display would take a lot of courage.
Score: 68 Votes (Like | Disagree)
Avatar
41 months ago
Purely a marketing tatctic. If they hid the sensors within a small bezel, the phone would look just like an S8, G6 etc. they want this phone to stand out. When you see that notch you’ll know exactly what phone it is.
Score: 51 Votes (Like | Disagree)
Avatar
41 months ago
"The far corners of the screen can be difficult areas for people to reach comfortably."

That's why we moved control center AND Notification Center to the corners furthest from the users thumb...

I anticipate these guidelines changings, and software updates changing how the edges of the display will look within apps.
Score: 45 Votes (Like | Disagree)
Avatar
41 months ago

"Controversial"... just like the iPhone 7/7+'s "controversial" camera bump. Now nobody even thinks about it. People always have to make something out of nothing. Ugh.

the notch will always be in your face, unlike the camera bump on the back
Score: 43 Votes (Like | Disagree)

Top Stories

First iPhone 12 Mini Hands-On Video Surfaces [Update: Video Pulled]

Wednesday October 28, 2020 1:21 pm PDT by
Apple's iPhone 12 mini and the iPhone 12 Pro Max aren't set to be available until November 13, but a Romanian YouTuber got his hands on the iPhone 12 mini and showed it off today, offering a size comparison between the iPhone 12 and the 12 mini along with going over some of the device's features. The iPhone 12 mini is identical to the iPhone 12 in design and functionality, but it has a...

Apple References Unreleased 2020 16-Inch MacBook Pro in Boot Camp Update

Monday October 26, 2020 8:42 am PDT by
Last week, Apple released an update for Boot Camp, its utility for running Windows on a Mac. While this update would typically be unremarkable, several of our readers noticed that the release notes reference an unreleased 2020 model of the 16-inch MacBook Pro. While this could easily be a mistake, the 16-inch MacBook Pro is nearly a year old, so it is certainly a worthy candidate for a...

After Mocking Apple, Samsung May Remove Power Adapter From Galaxy S21 Box

Tuesday October 27, 2020 4:29 pm PDT by
Samsung's Galaxy S21, coming in 2021, may not include a power adapter or headphones in the box, according to reports from Korean media sites highlighted by SamMobile. Rumors earlier this year also said that Samsung was considering removing these accessories from future smartphone models, but that didn't stop Samsung from mocking Apple for selling the iPhone 12 models without a power adapter...

Report: Apple Silicon iMac Featuring Desktop Class 'A14T' Chip Coming First Half of 2021

Tuesday October 27, 2020 4:14 am PDT by
The first iMac powered by Apple Silicon is set to arrive in the first half of next year and will feature a desktop class "A14T" chip, according to Chinese-language newspaper The China Times. Codenamed "Mt. Jade," Apple's first custom-made desktop processor will be twinned with its first self-developed GPU, codenamed "Lifuka," both of which are being produced using TSMC's 5-nanometer process, ...

iPhone 12 Ceramic Shield Still 'Scratches at Level 6 With Deeper Grooves at Level 7' in Mohs Hardness Test

Wednesday October 28, 2020 7:10 am PDT by
iPhone 12 and iPhone 12 Pro models feature a new Ceramic Shield front cover that is "tougher than any smartphone glass," according to Apple, but the displays on the devices still have similar scratch resistance as previous iPhones based on a new test. Zack Nelson today shared his much-anticipated iPhone 12 Pro durability test on his YouTube channel JerryRigEverything, and based on the Mohs...

2020 iPad Air vs. iPad Pro: Hands-On Comparison

Tuesday October 27, 2020 3:03 pm PDT by
Apple announced the new 2020 fourth-generation iPad Air in September, but the new tablets just started shipping out to customers last Friday. We picked one up and thought we'd do a hands-on comparison with the iPad Pro, which was last updated in March, because both tablets are about as powerful and share many similarities. Subscribe to the MacRumors YouTube channel for more videos. Design and ...

MagSafe Charger Only Charges at Full 15W Speeds With Apple's 20W Power Adapter [Updated]

Monday October 26, 2020 3:38 pm PDT by
Alongside the iPhone 12 and 12 Pro models, Apple introduced a new MagSafe charger that attaches to the magnetic ring in the back of the devices, providing up to 15W of charging power, which is double the speed of the 7.5W Qi-based wireless charging maximum. Apple does not provide a power adapter with the $39 MagSafe charger, requiring users to supply their own USB-C compatible option. Apple...

Apple Files Mystery 'Personal Computer' With Placeholder 'B2002' Name in Bluetooth Product Database

Tuesday October 27, 2020 12:36 pm PDT by
Last week, a listing appeared in the Bluetooth product database for an Apple product with a placeholder name "B2002" and a model number of "TBD." MacRumors was alerted to the listing by health and fitness tech website MyHealthyApple. The product is filed under the "personal computer" category, which Apple has used for previous Mac and iPad listings in the database, so it is hard to pinpoint...

Apple Releases First macOS Big Sur 11.0.1 Beta to Developers [Update: Public Beta Available]

Wednesday October 28, 2020 10:15 am PDT by
Apple today seeded a new macOS Big Sur 11.0.1 beta to developers for testing purposes, with the new beta replacing the existing macOS Big Sur 11 beta 10 update that was released two weeks ago. The macOS Big Sur beta can be downloaded through the Apple Developer Center and once the appropriate profile is installed, subsequent betas will be available through the Software Update mechanism in...

iPhone 12 Models Might Support Reverse Charging of Future Apple Accessories According to FCC Filing

Tuesday October 27, 2020 6:25 pm PDT by
iPhone 12 models could have an inactive wireless charging feature for accessories, according to an FCC filing discovered by VentureBeat's Jeremy Horwitz. In the filing, Apple said that 2020 iPhones support a wireless charging function that will seemingly be enabled for at least one future Apple accessory:In addition to being able to be charged by a desktop WPT charger (puck), 2020 iPhones...