I am helping my team to update our iOS app to support retina display and iPhone 5.
I've read little bit of Cocoa Auto Layout, and other pages from developer.apple.com. But my question is, if I reformat the pages to be optimized on iPhone 5, will the pages look odd on iPhone 4S or below? (shrunk or have a scroll?)
Does anyone have an experience in this regard?
To add to my original question, Here is what I am struggling with. The first screen, I get that it doesn't effect any screen format or any additional wireframe updates needed.
However, the other screen, where the screen was formatted to fit perfectly on below iPhone 5 screen. It's not scroll enabled. So in effort to maximize the screen property, let's say, I made the two bottom items to include more info on each container.
So then, now I have two versions of the same app that will need to be maintained? Or is the right one only one that we need to maintain? How would this screen be shown on shorter iPhones? What if, I want to redesign the page completely different and the older screen does not match page to page anymore?
It sounds to me, that I have to design a new interface which is optimized for iPhone 5, then do (conceptually) a responsive version for the shorter iPhones.
Can anyone verify? Thanks in advance!