loading...

Designing around the ‘notch’ on the iPhone X

avatar

BY Nick Bozic

{Lead UI/UX Designer}

9 November 2017

Reading Time: 2 minutes

The iPhone X is here and no matter how many times I look at it, I can’t make up my mind whether I love or despise that ‘notch’ or ‘chin’ at the top of the iPhone X display. I feel like if the ‘notch’ went all the way across the top this would have been more practical, but if anyone can get away with this, its Apple.

Never the less, this presents an opportunity for us designers to get creative with UI. I have a few ideas of my own but browsing the internet, the great design community has come up with a few gems already.


The ‘notch’ as the ‘pull to refresh’ element

source


The ‘notch’ as a hidden menu

source

source


The ‘notch’ as an interactive disguise

source


The ‘notch’ as part of a loader animation

What do you think about that notch? Is it Apple getting too cute or is it a fresh and welcomed addition to the iPhone. Personally, I welcome it as the next great creative UI challenge!

If you have an app idea, or want to talk design with a bunch of challenge-hungry designers, feel free to give us a call or pop in for a chat.

Like what you see?
Subscribe now to receive regular updates

ABOUT THE AUTHOR

Nick Bozic

Nick has a natural gift for visual design. He is particularly skilled in designing for mobile, having always been a keen tech user. He’s an easy going guy who loves to chat with clients…and is always ready to whip up a masterpiece.

avatar
MORE ARTICLES LIKE THIS