{"id":8418,"date":"2017-09-25T19:11:43","date_gmt":"2017-09-25T19:11:43","guid":{"rendered":"https:\/\/clone4.10pearls.com\/?p=8418"},"modified":"2026-07-30T06:15:44","modified_gmt":"2026-07-30T06:15:44","slug":"mind-the-notch","status":"publish","type":"post","link":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/","title":{"rendered":"Mind the notch"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Just a few days after the one year anniversary of the iPhone7 release, Apple debuted the iPhone X and a new set of guidelines for app developers<\/a>. The key takeaway? Mind the notch. <\/em><\/p>

The notch is a defining feature on the iPhone X, Apple\u2019s first all-screen phone. The device offers a super retina display, wireless charging, and facial unlocking technology. Despite these exciting new features, it is the awkward but deliberate placement of the notch and its impact on app design and functionality that is fueling internet chatter.<\/p>

If your business has a mobile app, or is in the process of developing one, take note: you\u2019ll need to adjust your interface accordingly<\/strong>. Here\u2019s what you need to know:<\/p>

The Notch<\/b><\/h3>

The peninsular design of the notch does not allow for a horizontal bar to run across the top of the screen, a standard design feature in most apps. \u00a0Some developers<\/a> thought they could get around the notch by incorporating a bezel like black bar in apps to hide the notch, but Apple\u2019s message is clear: learn to adapt.<\/p>

Any icons or notifications that were previously displayed across the top of the screen will have to be redesigned to fit in the “ears” of the phone, the small bits of screen located to the right and left of the notch. Additionally, developers may need to adjust the format of their interface when in landscape mode to prevent the notch from cutting off words or images.<\/p>

Button free Home Command<\/b><\/h3>

For the iPhone X, Apple chose to forego the signature circular home button. Instead, the user must make a swipe movement across the bottom of the screen for most commands. This means that scrolling features must be updated to prevent app interfaces from interfering with the home command. In the new guidelines, Apple has created a safe area where developers should avoid placing interactive controls.<\/p>

\"\"<\/p>

(Images extracted from Apple Human Interface Guidelines<\/a>)<\/p>

Rounded Corners<\/b><\/h3>

Unlike the existing iPhone screens\u2019 square border, the iPhone X\u2019s screen extends all the way into the rounded corners of the device. Developers need to make sure that interfaces wrap around the rounded corner, and extend until the end of the screen.<\/p>

With many already suggesting that the notch may be a feature incorporated into all future iPhones, it\u2019s best to adjust your app\u2019s design and development now. Sure, a major announcement like this can be jarring for businesses that rely on their mobile apps to engage with their customers, but the 10Pearls design and development teams are excited about the new challenge. Contact us today<\/a> if you need help — we will work with you to embrace the future of mobile <\/a>and keep your digital product competitive in the market.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

In this post, we’ll discuss the importance of adjusting the UI of apps according to Apple’s new notch-based screens to ensure top-notch UX.<\/p>\n","protected":false},"author":4,"featured_media":8422,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[49],"tags":[4562],"class_list":["post-8418","post","type-post","status-publish","format-standard","has-post-thumbnail","category-blog","tag-product-innovation"],"yoast_head":"\nMind the Notch: The Importance of Interface Adjustment<\/title>\n<meta name=\"description\" content=\"In this post, we'll discuss the importance of adjusting the UI of apps according to Apple's new notch-based screens to ensure top-notch UX.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mind the Notch: The Importance of Interface Adjustment\" \/>\n<meta property=\"og:description\" content=\"In this post, we'll discuss the importance of adjusting the UI of apps according to Apple's new notch-based screens to ensure top-notch UX.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/\" \/>\n<meta property=\"og:site_name\" content=\"10Pearls UK\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/10Pearls\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-25T19:11:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-30T06:15:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2017\/09\/shutterstock_715385236-400x400.jpg\" \/>\n<meta name=\"author\" content=\"10Pearls Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Mind the Notch: The Importance of Interface Adjustment\" \/>\n<meta name=\"twitter:description\" content=\"In this post, we'll discuss the importance of adjusting the UI of apps according to Apple's new notch-based screens to ensure top-notch UX.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2017\/09\/shutterstock_715385236-400x400.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@TenPearls\" \/>\n<meta name=\"twitter:site\" content=\"@TenPearls\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"10Pearls Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mind the Notch: The Importance of Interface Adjustment","description":"In this post, we'll discuss the importance of adjusting the UI of apps according to Apple's new notch-based screens to ensure top-notch UX.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"Mind the Notch: The Importance of Interface Adjustment","og_description":"In this post, we'll discuss the importance of adjusting the UI of apps according to Apple's new notch-based screens to ensure top-notch UX.","og_url":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/","og_site_name":"10Pearls UK","article_publisher":"https:\/\/www.facebook.com\/10Pearls\/","article_published_time":"2017-09-25T19:11:43+00:00","article_modified_time":"2026-07-30T06:15:44+00:00","og_image":[{"url":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2017\/09\/shutterstock_715385236-400x400.jpg","type":"","width":"","height":""}],"author":"10Pearls Team","twitter_card":"summary_large_image","twitter_title":"Mind the Notch: The Importance of Interface Adjustment","twitter_description":"In this post, we'll discuss the importance of adjusting the UI of apps according to Apple's new notch-based screens to ensure top-notch UX.","twitter_image":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2017\/09\/shutterstock_715385236-400x400.jpg","twitter_creator":"@TenPearls","twitter_site":"@TenPearls","twitter_misc":{"Written by":"10Pearls Team","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/#article","isPartOf":{"@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/"},"author":{"name":"10Pearls Team","@id":"https:\/\/10pearls.com\/uk\/#\/schema\/person\/32ea2d71f6da3f243b9c80ab5bb2ae7f"},"headline":"Mind the notch","datePublished":"2017-09-25T19:11:43+00:00","dateModified":"2026-07-30T06:15:44+00:00","mainEntityOfPage":{"@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/"},"wordCount":463,"publisher":{"@id":"https:\/\/10pearls.com\/uk\/#organization"},"image":{"@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/#primaryimage"},"thumbnailUrl":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2017\/09\/shutterstock_715385236-400x400.jpg","keywords":["Product innovation"],"articleSection":["Blog"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/","url":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/","name":"Mind the Notch: The Importance of Interface Adjustment","isPartOf":{"@id":"https:\/\/10pearls.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/#primaryimage"},"image":{"@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/#primaryimage"},"thumbnailUrl":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2017\/09\/shutterstock_715385236-400x400.jpg","datePublished":"2017-09-25T19:11:43+00:00","dateModified":"2026-07-30T06:15:44+00:00","description":"In this post, we'll discuss the importance of adjusting the UI of apps according to Apple's new notch-based screens to ensure top-notch UX.","breadcrumb":{"@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/#primaryimage","url":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2017\/09\/shutterstock_715385236-400x400.jpg","contentUrl":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2017\/09\/shutterstock_715385236-400x400.jpg","width":400,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/10pearls.com\/uk\/blog\/mind-the-notch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/10pearls.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Mind the notch"}]},{"@type":"WebSite","@id":"https:\/\/10pearls.com\/uk\/#website","url":"https:\/\/10pearls.com\/uk\/","name":"10Pearls UK","description":"AI-Powered Software Development Company","publisher":{"@id":"https:\/\/10pearls.com\/uk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/10pearls.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/10pearls.com\/uk\/#organization","name":"10Pearls","alternateName":"Software development company","url":"https:\/\/10pearls.com\/uk\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/10pearls.com\/uk\/#\/schema\/logo\/image\/","url":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2025\/07\/10Pearls-Black.png","contentUrl":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2025\/07\/10Pearls-Black.png","width":282,"height":107,"caption":"10Pearls"},"image":{"@id":"https:\/\/10pearls.com\/uk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/10Pearls\/","https:\/\/x.com\/TenPearls","https:\/\/www.linkedin.com\/company\/10pearls\/"],"description":"10Pearls is a leading AI-powered software development company. We build intelligent digital products for healthcare, finance, retail, and more.","email":"info@10pearls.com","telephone":"+44 7957 620104","legalName":"10Pearls"},{"@type":"Person","@id":"https:\/\/10pearls.com\/uk\/#\/schema\/person\/32ea2d71f6da3f243b9c80ab5bb2ae7f","name":"10Pearls Team","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/2711f2b627f2612eeb4dbd25889813d099e3af81edb38b345899416620476774?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2711f2b627f2612eeb4dbd25889813d099e3af81edb38b345899416620476774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2711f2b627f2612eeb4dbd25889813d099e3af81edb38b345899416620476774?s=96&d=mm&r=g","caption":"10Pearls Team"}}]}},"_links":{"self":[{"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/posts\/8418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/comments?post=8418"}],"version-history":[{"count":1,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/posts\/8418\/revisions"}],"predecessor-version":[{"id":215289,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/posts\/8418\/revisions\/215289"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/media\/8422"}],"wp:attachment":[{"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/media?parent=8418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/categories?post=8418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/tags?post=8418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}