UPDATED - Get Ready: iPhone 5 passes 2 Million Pre-Orders in 24 hours
A good find by The Linley Group:
Apple's iPhone 5 announcement on September 12 moved the screens of the latest generation of high-end flagship iPhone and iPod Touch from 3.5" (960x640) to 4" (1,136x640). With the first iPhone 5's arriving on doorsteps Friday, September 21, here's a quick overview of what you'll need to know to start getting your apps & mobile sites ready.
With the iPhone 5's larger screen, all previous generations of iPhone apps will need to be updated to take full advantage of the screen size. There is no automatic "stretching" or resizing, as was speculated in pre-release rumors. Current iPhone apps should work as expected on iOS 6 and the new iDevices, but will run in a "letterboxed" form, with the app centered on the larger screen framed by black bars on either side.
Image courtesy of KGI Research.
If you want to update your app to fully fit to the 4" screen, you can go CNN's route of completely reworking your app, or go the simpler route initially, and simply update the app's sizing.
Image courtesty of CBS Interactive
For the latter option:
- Head to Apple's Developer Portal to grab the latest final candidate versions of the iOS6 and Apple's developer tool, Xcode.
- Talk with your design and user experience teams about the implications of changing the app's dimensions. It's not simply a matter of "stretching", there is always some impact to augmenting the user interface and app controls.
- Update your app's dimensions using the Xcode simulator.
- Have your quality assurance teams test your current apps, even if you don't plan on updating them wholesale (like CNN did) for the iPhone 5; a little QA and regression testing saves a lot of headaches later.
- Submit your apps for approval to Apple, and get in the review queue!