Apple's Beats brand in April unveiled the Powerbeats Pro, a redesigned wire-free version of its popular fitness-oriented Powerbeats earbuds.
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.
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.
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 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.
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.
iPhone X renders webpages with literal white bars on the sides pic.twitter.com/ztcWetrLPo
— Thomas Fuchs (@thomasfuchs) September 13, 2017
Apparently there is a way to set the background color, e.g. the Apple TV 4K page does it. pic.twitter.com/Am3xn6wjRp
— Thomas Fuchs (@thomasfuchs) September 13, 2017
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.
I can confirm that the "notch" at the top of the iPhone X screen does NOT cut into videos. pic.twitter.com/tdWlMqoGj3
— David Pogue (@Pogue) September 13, 2017
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.
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 Roundup: iPhone X
[ 422 comments ]
Top Rated Comments
(View all)
25 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."
"Why didn't you make thicker bezels to hide the necessary cameras and sensors? Nobody asked for bezels that small."
25 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.
25 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.
25 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.
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.
25 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
25 months ago
*shrugs* it looks damn cool to me but whatever.
Not sure how having a piece of games and videos missing is "cool", but okay."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...
25 months ago
The time looks off-center. I want to move it to the left by a mm or so.
25 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."
No one asked for a notch in the top. Now that one is there, the bezel at the top makes sense. It's ok to adjust as you are given more details. The notch is out of place when in landscape. For a company that has painstakingly talked about .001mm chamfers on corners of devices, this is a complete screw up. It can be taken care of by the OS but they are refusing to do that for some odd reason.
[ Read All Comments ]
Apple today sent out emails to customers about its latest Apple Pay promo, which will see the company donating $10 to the National Park Foundation for Apple Pay purchases made from the Apple...
We're just a few weeks away from the unveiling of this year's iPhone lineup as well as the official release of iOS 13 and Apple's other new operating system versions, and we're...
For this week's giveaway, we've teamed up with RAVPower to offer MacRumors readers a chance to win a 61W USB-C Power Adapter and a USB-C to Lightning cable, which can be used to fast charge...
Satechi this summer launched its first HomeKit-compatible product, the Dual Smart Outlet, a HomeKit plug that turns dumb appliances and electronics into smart electronics that can work alongside...
As we head into the weekend, there are a few notable deals going on today that include an all-new MacRumors exclusive offer from Eve, Best Buy's anniversary sale with lowest-ever iPad prices, and...
Version 7 of Heart Analyzer was released today, and the popular third-party heart-rate app for iPhone and Apple Watch has gained some additional features for users looking for even deeper insight...
Apple today seeded the seventh beta of watchOS 6, the software that runs on the Apple Watch. The new beta comes a week after the sixth beta and two months after Apple first unveiled the new watchOS...
Apple today seeded seventh beta of an upcoming tvOS 13 update to developers, one week after seeding the sixth beta and two months after unveiling the tvOS 13 software at the Worldwide Developers...
