iPhone X Design Guidelines for a User-Friendly App
                     Design Guidelines for a User-Friendly App for iPhone X 
Why design specifcally for iPhone X?
 Every tme Apple brings in new version of iPhone, it doesn't change the user experience as 
much as they have done it for iPhone X.
 It means the designers and developers will now have to develop the iOS apps specifc to 
iPhone X with its edge-to-edge screen and no home buton.
 Hence, it is difcult to develop the apps successfully for iPhone X, but there are some tps 
that you should take care of while designing for iPhone X.
iPhone X Design Tips
 Here are some tps that should be taken care of while designing for iPhone X: 
 Taking care of the screen size  Taking care of the app's content
 Realign the interface elements  Impact of colors
 Don't hide the notch  iPhone X aspect rato
 iPhone X status bar  Full screen experience
 Follow iPhone X design guidelines
 Design apps for landscape mode as well
 Take care of website
 Avoid using system-like gestures
Realign the interface elements
 The layout of interface elements needs to be rearranged, as we get 70 points more to place 
the content of the app as compared to 570 points in iPhone 6, iPhone 7 and iPhone 8.  
Image Credit : Hackernoon
Don't mask the notch
 Don't mask the notch or hide it in any other ways like coloring the navigaton bar into 
black. This will make the app layout small and inconsistent as compared to other apps.
Image Credit: Adobe
Don't hide the status bar
 The status bar in iPhone X has gone taller from 22 points to 44 points.
 Don't hide the status bar while designing any app as the users might want to see whether 
they are connected to Wi-Fi when the app regularly downloads the content from the 
internet.
Image Credit: Adobe
Impact of colors
 Use P3 instead of sRGB to make use of the wide spectrum of colors available in the phone's 
display.
Image Credit : Hackernoon
Mind the iPhone X aspect rato
 Artworks designed for iPhone 8 will get cropped or leterboxed, when used for iPhone X. 
So, they need to be designed specifcally for iPhone X.
Image Credit: Apple
Full screen experience
 Extend the backgrounds to the edges of the display to provide full screen experience to the 
users. The vertcally scrollable layout is extendible to the botom of the screen.
Image Credit: Apple
Design apps for landscape mode as well
 Apps for iPhone X needs to be designed for landscape mode as well for viewing content 
like photos, videos, texts in full screen
 In landscape mode, status bar is hidden, navigaton bar gets reduced to 32 points from 44 
points and tab bar size gets resized from 49 points to 30 points
Image Credit : Hackernoon
Take care of website
 With website access in landscape mode, much space is lef at top and botom, while taking 
care of the safe area. So, the website needs to be designed in full screen, while opening it 
in landscape mode. 
Image Credit : Hackernoon
Avoid using system-like gestures
 In iPhone X, Apple has removed one essental feature: home buton. It means that 
gestures do all the manipulatons.
 To access other apps and home screen, one has to swipe upwards from the botom edge of 
the display, which is called home indicator.
 Don't place any interactve element in the home indicator area.
Image Credit: Apple
General iPhone App Design Guidelines
 Apart from the given tps, some general iPhone app design guidelines require adherence. 
The design should:
 Garner the user's atenton
 Focus on uniformity
 Center target audience
 Fulfll the applicaton purpose
To conclude
 These design guidelines will ensure that the user never experiences any problems while 
accessing applications on iPhone X.
 Follow these design guidelines to ensure a user-friendly iOS app for iPhone X.
Thank You