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

iphone 16 pro ghost hand

5 Reasons to Skip This Year's iPhone 17 Pro

Thursday July 10, 2025 4:54 am PDT by
Apple will launch its new iPhone 17 series in two months, and the iPhone 17 Pro models are expected to get a new design for the rear casing and the camera area. But more significant changes to the lineup are not expected until next year, when the iPhone 18 models arrive. If you're thinking of trading in your iPhone for this year's latest, consider the following features rumored to be coming...
apple wallet drivers license feature iPhone 15 pro

Apple Says iPhone Driver's Licenses Will Expand to These 8 U.S. States

Tuesday July 8, 2025 11:26 am PDT by
In select U.S. states, residents can add their driver's license or state ID to the Wallet app on the iPhone and Apple Watch, providing a convenient and contactless way to display proof of identity or age at select airports and businesses, and in select apps. Unfortunately, this feature continues to roll out very slowly since it was announced in 2021, with only nine U.S. states, Puerto Rico,...
iPhone 17 Pro in Hand Feature Lowgo

iPhone 17 Pro to Reverse iPhone X Design Decision

Monday July 7, 2025 9:46 am PDT by
Since the iPhone X in 2017, all of Apple's highest-end iPhone models have featured either stainless steel or titanium frames, but it has now been rumored that this design decision will be coming to an end with the iPhone 17 Pro models later this year. In a post on Chinese social media platform Weibo today, the account Instant Digital said that the iPhone 17 Pro models will have an aluminum...
iPhone 17 Pro in Hand Feature Lowgo

Leaker Reveals Amount of RAM in iPhone 17 Through iPhone 17 Pro Max

Wednesday July 9, 2025 8:08 am PDT by
Three out of four iPhone 17 models will feature more RAM than the equivalent iPhone 16 models, according to a new leak that aligns with previous rumors. The all-new iPhone 17 Air, the iPhone 17 Pro, and the iPhone 17 Pro Max will each be equipped with 12GB of RAM, according to Fixed Focus Digital, an account with more than two million followers on Chinese social media platform Weibo. The...
apple account card feature

Apple Account Card Expanding to More Countries

Tuesday July 8, 2025 7:34 pm PDT by
Apple is expanding the ability to add an Apple Account Card to the Wallet app to more countries, according to backend Apple Pay changes. With iOS 15.5, Apple updated the Wallet app to allow users to add an Apple Account Card, which displays the Apple credit balance associated with an Apple ID. If you receive an Apple gift card, for example, it is added to an Apple Account that is also...
macbook pro blue green

M5 MacBook Pro No Longer Coming in 2025

Thursday July 10, 2025 12:38 pm PDT by
Apple does not plan to refresh any Macs with updated M5 chips in 2025, according to Bloomberg's Mark Gurman. Updated MacBook Air and MacBook Pro models are now planned for the first half of 2026. Gurman previously said that Apple would debut the M5 MacBook Pro models in late 2025, but his newest report suggests that Apple is "considering" pushing them back to 2026. Apple is now said to be...
iOS 26 Feature

Everything New in iOS 26 Beta 3

Monday July 7, 2025 1:20 pm PDT by
Apple is continuing to refine and update iOS 26, and beta three features smaller changes than we saw in beta 2, plus further tweaks to the Liquid Glass design. Apple is gearing up for the next phase of beta testing, and the company has promised that a public beta is set to come out in July. Transparency In some apps like Apple Music, Podcasts, and the App Store, Apple has toned down the...
iCloud General Feature Redux

iPhone Users Who Pay for iCloud Storage Receive These Five Perks

Wednesday July 9, 2025 9:20 am PDT by
If you pay for iCloud storage on your iPhone, did you know that Apple offers you five perks beyond the extra storage space, at no additional cost? Here are the perks included with all iCloud+ plans:Private Relay keeps your Safari browsing history entirely private from network providers, websites, and even Apple. Hide My Email generates unique, random email addresses whenever needed. Hom...

Top Rated Comments

trifid Avatar
102 months ago
What a UX nightmare. Jesus.
Score: 108 Votes (Like | Disagree)
macTW Avatar
102 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
102 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
102 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
102 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
102 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)