Home
Larry Seltzer

Larry Seltzer



iPhone 5 Display Ratio Could Mess With Apps

Comments | Larry Seltzer, BYTE | September 04, 2012 11:20 AM

Category: Tablets, Smartphones, Gaming

Way back in May, 9TO5Mac reported that the new iPhone--which everyone is calling the iPhone 5, but we'll see what the real name is in nine days when Apple releases it--will have a taller but not wider screen than earlier versions of the device. As we approach the actual iPhone 5 unveiling, and as recent videos tend to confirm the dimensions, it's worth asking what this will do to the iPhone user experience.

iPhone screens have always had a 640-by-960-pixel resolution and a 3:2 aspect ratio. Indications are the iPhone 5 will have a 640-by-1136 resolution, which is very close to a 16:9 ratio, which is a common one in the industry. 9TO5Mac says it has heard that Apple will use the extra space for an extra row of buttons on the home screen.

Indeed, apps that use standard controls will likely do the same thing: just use the extra space to display more information. The controls themselves will remain the same size. But what about apps--games like Angry Birds--that paint on a canvas with what they thought was a fixed size?

Those apps, written for the current iPhone, will have dead space when run on an iPhone 5, probably at both the top and bottom in portrait mode. So developers will have to make a separate version of the app for the new iPhone, but maintain the old one for earlier iPhones. They could deliver this either as two apps in the store or as a "fat binary" that installs whatever is appropriate on the local device, or the app could just look crappy on one version or the other as the OS crops or scales it. iMore's Rene Ritchie had an excellent discussion of the problems and possibilities back in May.

This stuff isn't exactly new to mobile developers; they have had to deal with multiple resolutions and aspect ratios on Android for years, but as iMore says, it's not a very Apple-esque solution. Nevertheless, something's got to give with the new screen dimensions and this seems the most likely to me. Another iMore story from the same time frame raised some more possibilities for what they could do with the extra space, such as static space for widgets, but I have to think this would have been leaked by now, especially since iOS 6 is in beta.

Image via chrisbrownie91 on Flickr

Android encourages the fat binary solution. Developers can target a range of screen sizes, including different layouts and drawable bitmap graphics for the sizes:

  • Extra-large screens are at least 960dp x 720dp. (Dp stands for density-independent pixel.)
  • Large screens are at least 640dp x 480dp.
  • Normal screens are at least 470dp x 320dp.
  • Small screens are at least 426dp x 320dp.

Windows Phone 8 will support a smaller variety: three resolutions and two aspect ratios, and it will put an emphasis on developers using vector graphics so that apps will be more display independent.

Of course, display independence is a good idea on any platform, but Apple might have caused developers to ignore this best practice. It's easy to see that when the iPhone 5 comes out that a whole lot of apps will need to be updated, not because they don't work, but because they don't work well. They will look bad, and that's about as un-Apple-esque as it gets.

Follow Larry Seltzer and BYTE on Twitter, Facebook, LinkedIn, and Google+:



Related Reading


More Insights




Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

BYTE encourages readers to engage in spirited, healthy debate, including taking us to task. However, BYTE moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing/SPAM. BYTE further reserves the right to disable the profile of any commenter participating in said activities.

COMMENTS

Tune In to BYTE
Facebook Twitter LinkedIn Newsletter RSS
Whitepapers
whitepaper
In this paper you will learn the five trends shaping the future of enterprise mobility. Learn how the rise of social media as a business application, the lurring between work and home, the emergence of new mobile devices, the demand for tech savvy employees and changing expectations of corporate IT will fundamentally change the workplace.
whitepaper
In a survey of more than 1,700 information workers (iWorkers) in North America, notebooks, desktops, and smartphones were found to be “must-have” devices, while tablets, slates, and netbooks were relegated to “nice-to-have” status, according to a commissioned study conducted by Forrester Consulting on behalf of Dell and Intel.
Sponsored by: Dell
Upcoming Events
Related Reports
Related Whitepapers