iPhone 5 & iPad Mini Launch – Will Your Web Design Be Affected?

Sep 10, 12 iPhone 5 & iPad Mini Launch – Will Your Web Design Be Affected?

So, the general consensus is that, in just a couple of days time, the iPhone 5 will be unveiled and a new set of specs will create hell for mobile web developers and designers.

Various sources, including Tech Radar and T3, suggest that the new iPhone 5 will have a 4 inch screen with a resolution of 640 x 1136. That’s quite a difference when you compare that to the current iPhone 4s, which has a 3.5 inch screen with a resolution of 640 x 960 px.

Leaked photos also show the new iPhone being considerably larger than the previous model, and many think that this extra half-inch of screen will mean an extra row of icons on the home screen.

iphone 5 comparison

Photo credit

So, if millions of people purchase this new, super-lengthy iPhone – as they almost certainly will – what does it mean for your website?

Well, if you have a fully responsive website already then give yourself a pat on the back – you’re all sorted! However, if you don’t, you might want to use an emulator or responsive testing tool to check how your site is going to look in both landscape and portrait mode.

The additional screen real-estate will mean that your site may show extra content at the bottom, which may affect a previously perfect design. Also, in landscape view, the user will have a longer, thinner view, making reading large blocks of text may become more difficult.

In addition to all this iPhone 5 confusion, there are many rumours surrounding a potential iPad Mini. This will put another spanner in the works as it is thought that the new device will have a 7.85 inch screen and will be sold for a very reasonable $200-$250 – If your site isn’t optimised for this size screen, then you had better think about fixing it soon, as Apple is definitely going to sell a lot of these tiny tablets.

As we don’t know for sure what the iPhone 5 or iPad Mini specs will be, we definitely recommend waiting for the big reveal on the 12th* before trying to alter your site for the new screen resolutions.

*(It is thought the iPad Mini will be announced later on in the year. We’re not sure when, but it will certainly be before Christmas.)

We will be updating you with the news on the iPhone 5 as soon as we hear anything, so make sure you check back on the 12th!

4 Comments

  1. Thanks for the heads up! I think I better start optimizing my site for when the iPhone 5 and iPad Mini come into stores.

  2. Matthew Snyder /

    With the change in height, what does that do to the App ecosystem. Especially full page in-app ads that were setup for a 480 height. This is where Responsive is quite critical. Even now how the ads perform in landscape mode….. stay tuned!

    Matthew Snyder
    CEO, ResponsiveAds
    http://responsiveads.com

  3. Ingrid /

    Unfortunately my site is not that well optimised for smaller devices :(

  4. I am certainly looking forward to the iPad mini! Indy.

Leave a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>