Contributors

About

We lift barriers between creativity and technology, and converge advanced development into outcome-driven solutions. Pushing boundaries in gaming, digital, and experiential since 2010

Contact

Statistics

Posts: 407
Reposts: 0

Is your UI/UX ready for the iPhone X?

Apple's latest flagship phone is a fancy new device with a gorgeous new screen - one that's so different, you'll need to make sure your existing apps, or apps you'll make soon, take this into account, regardless of whether it's an iOS or Android app.

Firstly, it's taller than what we've been accustomed to for the last few years; it's the same width as the last 3 generations of iPhone, but almost a fifth taller.

Also, the iconic home button is gone, replaced with a swipe-from-the-bottom-edge gesture.

Not to mention, the screen isn't a rectangle.

All of these present interesting new challenges (and opportunities) when it comes to UI/UX, so check out Apple's human interface guidelines (linked below) for their take on how you might want to adjust your apps to the iPhone X. 

But also don't assume this is an iOS-only challenge. Flagship phones in general have been trending to taller aspect ratios, trying out non-standard screen shapes, and using edge swiping gestures even before the iPhone X, most notably, Samsung's efforts with their Edge and Infinity displays, leading to similar considerations that need to be made when developing for these devices.

But, I do have to stress, we should refer to designing and developing for this new generation of screens as a challenge - whilst in some ways a nuisance, it's more importantly, a positive opportunity to add value to our apps' user interfaces.

When designing for iPhone X, you must ensure that layouts fill the screen and aren't obscured by the device's rounded corners, sensor housing, or the indicator for accessing the Home screen.

As a free user, you can follow Passle and like posts.

To repost this post to your own Passle blog, you will need to upgrade your account.

For plans and pricing, please contact our sales team at sales@passle.net

Sorry, you don't have permission to repost or create posts.

Repost successful!

View the repost

Repost successful!

Your repost is currently a draft. Review your repost and request approval.

Something went wrong whilst reposting - please try again.

Sorry - this is not an option. This post already exists in the Passle you have selected.

Try reposting to another Passle.