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.

iphone x truedepth system 2
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.

iphone x top bottom bars
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.

safe areas iphone x
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.

iphone x portrait apps
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.

iphone x photos videos
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.

iphone x no notch

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.

Related Forum: iPhone

Popular Stories

M5 MacBook Pro

Apple Announces New 14-Inch MacBook Pro With M5 Chip

Wednesday October 15, 2025 6:07 am PDT by
Apple today updated the 14-inch MacBook Pro base model with its new M5 chip, which is also available in updated iPad Pro and Vision Pro models. In addition, the base 14-inch MacBook Pro can now be configured with up to 4TB of storage on Apple's online store, whereas the previous model maxed out at 2TB. However, the maximum amount of unified RAM available for this model remains 32GB. Like...
Apple iPad Pro hero M5

Apple Debuts New iPad Pro With M5 Chip, Faster Charging, and More

Wednesday October 15, 2025 6:16 am PDT by
Apple today announced the next-generation iPad Pro, featuring the custom-designed M5, C1X, and N1 chips. The M5 chip has up to a 10-core CPU, with four performance cores and six efficiency cores. It features a next-generation GPU with Neural Accelerator in each core, allowing the new iPad Pro to deliver up to 3.5x the AI performance than the previous model, and a third-generation ray-tracing ...
apple oct 2024 mac tease

Apple Expected to Announce These Two to Three Products 'This Week'

Sunday October 12, 2025 7:05 am PDT by
Apple plans to announce new products "this week," according to Bloomberg's Mark Gurman. Apple's "Mac Your Calendars" teaser last October In his Power On newsletter today, Gurman said the products set to be updated this week include the iPad Pro, Vision Pro, and "likely" the base 14-inch MacBook Pro, with all three likely to receive a spec bump with Apple's next-generation M5 chip. Gurman...
maxresdefault

Here's Everything Apple Announced Today

Wednesday October 15, 2025 3:54 pm PDT by
We didn't get a second fall event this year, but Apple did unveil updated products with a series of press releases that went out today. The M5 chip made an appearance in new MacBook Pro, Vision Pro, and iPad Pro models. Subscribe to the MacRumors YouTube channel for more videos. We've rounded up our coverage and highlighted the main feature changes for each device below. MacBook Pro M5...
joz macbook tease

Apple Teases Upcoming M5 MacBook Pro Launch: 'Something Powerful is Coming'

Tuesday October 14, 2025 11:59 am PDT by
Apple marketing chief Greg Joswiak today teased the launch of an upcoming product, saying "something powerful is coming" on social media. Subscribe to the MacRumors YouTube channel for more videos. A short animation accompanying Joswiak's teaser reveals a brief glimpse of a MacBook Pro along with the words "coming soon." The shape of the MacBook Pro is a V, which is the Roman numeral...
airpods max 2024 colors

AirPods Max 2: Everything We Know So Far

Tuesday October 14, 2025 8:43 am PDT by
Apple's AirPods Max have now been available for almost five years, so what do we know about the second-generation version? According to Apple supply chain analyst Ming-Chi Kuo, the new AirPods Max will be lighter than the current ones, but exactly how much is as yet known. The current AirPods Max weigh 0.85 pounds (386.2 grams), excluding the charging case, making it one of the heavier...
Vision Pro M5 Announcement

Apple Updates Vision Pro With M5 Chip, Dual Knit Band, and 120Hz Support

Wednesday October 15, 2025 6:14 am PDT by
Apple today updated the Vision Pro headset with its next-generation M5 chip for faster performance, and a more comfortable Dual Knit Band. The M5 chip has a 10-core CPU, a 10-core GPU with Neural Accelerators, and a 16-core Neural Engine, and we have confirmed the Vision Pro still has 16GB of RAM. With the M5 chip, the Vision Pro offers faster performance and longer battery life compared...
macbook pro blue

Apple's M5 MacBook Pro Imminent: What to Expect

Tuesday October 14, 2025 4:35 pm PDT by
Apple is going to launch a new version of the MacBook Pro as soon as tomorrow, so we thought we'd go over what to expect from Apple's upcoming Mac. M5 Chip The MacBook Pro will be one of the first new devices to use the next-generation M5 chip, which will replace the M4 chip. The M5 is built on TSMC's more advanced 3-nanometer process, and it will bring speed and efficiency improvements. ...
MacBook Pro M5 Screen

New MacBook Pro Does Not Include a Charger in the Box in Europe

Wednesday October 15, 2025 6:59 am PDT by
The new 14-inch MacBook Pro with an M5 chip does not include a charger in the box in European countries, including the U.K., Ireland, Germany, Italy, France, Spain, the Netherlands, Norway, and others, according to Apple's online store. In the U.S. and all other countries outside of Europe, the new MacBook Pro comes with Apple's 70W USB-C Power Adapter, but European customers miss out....
Apple TV Plus Feature 2 Magenta and Blue

Apple TV+ Being Rebranded as Apple TV

Monday October 13, 2025 8:25 am PDT by
Buried in its announcement about "F1: The Movie" making its streaming debut on December 12, Apple has also announced that Apple TV+ is being rebranded as simply Apple TV. A single line near the end of the press release states "Apple TV+ is now simply Apple TV, with a vibrant new identity," though Apple's website has yet to be updated with any changes, so we're unsure on the details of the...

Top Rated Comments

trifid Avatar
106 months ago
What a UX nightmare. Jesus.
Score: 108 Votes (Like | Disagree)
macTW Avatar
106 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)
Gob Bluth Avatar
106 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)
Ds6778 Avatar
106 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)
Rettun1 Avatar
106 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)
Act3 Avatar
106 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)