Responsive web design – The difficulties

Responsive web design seems to be the holy grail of the web design industry and the moment but it’s not all plain sailing. Responsive web design can present a whole new array of issues and problems for the novice (and advanced!) web designer and isn’t necessarily the easy way to device independent web design nirvana.

What is responsive web design?

Responsive web design (RWD) is when we build a website for our clients that will be viewable on all devices from mobile to desktop without having to provide a separate site or different content for each device. We display the same website for all devices but styled differently to make the most of the screen space on each device.

What are the problems?

Responsive web design isn’t an easy fix for a tricky problem. It’s an advanced solution to a new problem that seems to have taken off in the industry. There are alternatives to responsive web design but responsive web design seems to have really caught on. It’s popular and get’s used a lot, clients like the buzz word and it seems like the ideal solution. But, there are issues. Designing a responsive web design for multiple devices means you have to test on those devices. As if testing in multiple versions of IE and other browsers wasn’t tricky enough we know have to test in multiple mobile browsers on multiple devices. Nobody can own all the devices we need to test on so we have to use a best guess approach about what we know about device screen sizes. There are online tools to help with testing and virtual device browsers which we need to use to make sure our responsive web designs work correctly on phones we may not have physical versions of.

Getting the screen breakpoints right for every device screen size can also be very difficult, especially if you want to target a lot of breakpoints and device screen sizes. There are good lists around of breakpoints but they all seem slightly different, there is no standard set as yet.

Pixel density is also another issue. The retina screen on the iPhone first brought us the problem of viewing normal web graphics on a HD screen and so we know can supply a different set of graphic assets just for those screens which now include the new iPhone 5 , the iPad and the new retina laptops.

As the device list grows to include things like widescreen TV’s (how long before we have browsers on fridges, etc) so does the difficulty in creating a responsive website design that works on EVERY device.

Responsive web design isn’t for every project and can increase the costs so talk to kc web design kent before you start your next responsive web design project. We can help define what you need and whether you need it at all.

 

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?

Dark Mode vs. Light Mode: A Comprehensive Guide for UI design

In recent years, the topic of dark mode vs. light mode in UI design has sparked heated discussions and debates among designers and users alike. While some argue for the sleekness and modernity of dark mode, others swear by the clarity and simplicity of light mode. But which one is truly better for user experience...

This is What a UI Designer Can Learn from Urban Planning: A Comprehensive Guide

When it comes to design, there are many areas that can influence and inspire new ideas. One of these areas is urban planning. While the two may seem vastly different, there are actually many valuable lessons that a UI designer can learn from the world of urban planning. Good design is subjective, contextual, and intentional....

Why Intuitive Technology Is the Future of UI Design

If you’ve ever used a piece of technology that seamlessly integrated into your daily routine, then you know what it means to experience great user experience (UX) and UI design. The founder of StreamAlive, a leading tech company, believes that good technology shouldn’t feel like technology at all. It should simply feel like a natural...

Latest Inspiring Web Design Trends And Techniques For 2024

The web design landscape for 2024 is set to be a dynamic and revolutionary one, with a blend of evolutionary and reactionary trends. From sci-fi-inspired design to adaptive headers and teleprompter typography, the upcoming year will witness a diverse range of innovative approaches. Additionally, bold and experimental typography, dark mode design, 3D elements, virtual reality...

The Unrivaled Excellence of our Web Design Agency Canterbury

Unveiling the Best Web Design Agency Canterbury In the bustling digital landscape, where every business vies for online supremacy, only a select few ascend to the zenith. Canterbury, a city steeped in history, is also home to unrivaled web design excellence. A top-rated web design agency Canterbury, kc web design Ltd, has been a beacon...

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...

kc web design ltd