The new Apple iPhone 5

kc web design Kent - iPhone 5And so we have a brand new Apple iPhone 5. As usual it looks great, has a bigger 4″ screen (height, not width), a new camera that takes panoramic photos, is twice as fast as the 4s, lighter and thinner. No new feature that makes everyone go wow! but a good, solid upgrade of everything that makes the iPhone great. There is one thing though that will have an impact on web design or UI designers creating apps for iOS as we do here at kc web design Kent. That bigger screen has a different size that we’ll need to cater for in responsive web design projects and in iPhone user interface design for iOS apps.

Common breakpoints in responsive web design will now need to include the new iPhone 5 screen size, especially for landscape mode orientation.

2048 x 1536
1024 x 768
640 x 1136  (new iPhone 5 screen)
640 x 960
320 x 480

It’ll take a while for numbers of iPhone 5 users to filter down into real world web site browsing statistics but going by the last sales numbers of the iPhone 4s it really won’t be long until numbers of the new iPhone 5 increase and we see the new screen size on our website stats. At kc web design Kent we’ll be adding in the new breakpoint on our latest web design projects ready for the increased number of browser in a few months time. So, go ahead and add the new media query to your latest responsive web design project…

/* iPhone 5 —————— */
@media only screen and
(min-device-width:320px) and
(max-device-width:568px) { }

Of course, with this extra screen space in landscape mode, does it mean that all kc web design Kents’ previous responsive web design projects that target specific landscape sizes for the (old) iPhone screen sizes will need to be changed? They may look odd on the new iPhone 5 in landscape mode as the media query will be targeting the wrong breakpoint. Does that mean all old responsive web design projects will need to be retro-fitted with the new iPhone 5 media queries to make sites look better in landscape mode? We’ll have to get our hands on one at kc web design Kent and find out!

Paul Ledbrook

If you have a new project or existing website that needs improvement, email us or call 0845 3631162 , we’d love to hear from you.

What’s new?

10 Things to Consider When Designing a High-Converting web app UI design

Your web app’s user interface (UI) is the first thing that users will see and interact with, so it’s important to make a good impression. A well-designed web app UI design can help you attract and retain users, and even increase conversions. Here are 10 things to consider when designing a high-converting web app UI...

How to Use Web Design to Improve User Experience

Introduction Your website is your online storefront. It’s the first impression that potential customers will have of your business, so it’s important to make sure it’s designed in a way that is user-friendly and easy to navigate. Good web design can help you improve your user experience (UX) in a number of ways. It can...

We’ve been featured on The Best Music Website Designs by DesignRush

A huge thank you to the guys at DesignRush for featuring the website design work we did with Go To Hear on their ‘Best Music Website Designs’ feature. Head over to the Best Design Trends page now to see our designs along with all the other fantastic music website designs. If you want to read...

SEO for web design – How to Optimise Your Website for Search Engines

Search engine optimisation SEO for web design is crucial for any business with an online presence. Optimising your website for search engines can increase its visibility, drive more traffic, and boost conversions. Follow these tips to make your website more discoverable and rank higher in search results: Choose the Right Keywords for SEO for web...

Website Design – 10 Things to Consider When Planning Website

What are the most important things to consider when designing a website? In today’s digital age, having a website is no longer optional; it’s a necessity. Research reveals that businesses without a website risk losing 70-80% of potential customers. Therefore, creating a well-designed and engaging website design is the crucial first step. But how can...

The Power of Professional WordPress Website Design Services for Business Success

In today’s digital age, a well-designed website is crucial for establishing a strong online presence. This is where our professional WordPress website design services and e-commerce website design shine. With our expertise in web design and development, our WordPress website design services play a pivotal role in helping your business create captivating online experiences that...

How-to create an effective E-commerce website design for online stores

Introduction: Understanding the Significance of E-commerce Website Design In today’s digital landscape, the design of an e-commerce website plays a pivotal role in shaping the success of online businesses. A well-crafted website design can significantly impact user experience, conversion rates, and overall brand image. By implementing effective design strategies, businesses can create visually appealing and...

Five of the most common UX design errors that can drive customers away

Are you unintentionally causing users to leave your website? Here are five of the most common UX design errors that can drive customers away. UX design is accountable for providing a satisfying experience to the user. To build an effective UX, it must be attractive, actionable and guide the user on a frictionless journey, from...