Day by day, the number of devices, platforms, and browsers that need to work with your site grows. Responsive web design represents a fundamental shift in how we’ll build websites for the decade to come.]
– Jeffrey Veen
Responsive Web Design
Users are now accessing the web on a vast range of desktop, laptop, tablet and mobile devices – all with varying capabilities and screen sizes.
Viewing a website that was designed for a desktop computer on the screen of a smartphone can be very problematic. It requires a lot of zooming in and out and scrolling in all directions, which, in short, results in a poor user experience.
Producing websites that are visually appealing and usable on all devices is a real challenge. Thankfully, there is a solution; Responsive Web Design.
Stretch it. Squeeze it.
Grab the corner of your web browser and make the window bigger or smaller – you’ll see the site layout change as you go.
Try it on a smartphone.
Got an iPad, iPhone or a recent Android or Blackberry? If not, ask (nicely) to borrow one and load up this site.
Rotate it. Flip it.
Now try rotating the smartphone or tablet and watch the site adapt to a different orientation.
In the past, the primary solution to this problem has been to build bespoke websites for different devices. Whilst building a separate mobile site can be a great option, it can also require large amounts of resource and development time and may result in inconsistent sites which are difficult to maintain.
CSS3 media queries have enabled a new alternative; Responsive Web Design. It allows designers to create websites with fluid layouts and flexible images that automatically adapt, according to the size and orientation of the user’s browser, to deliver the optimal layout. This ensures that the site looks great, is consistent and is usable, regardless of device.
Designing for the web as a whole, rather than for a specific device, ensures that all users get access to the same information and receive a consistent user experience. It not only maximises the site’s compatibility with the plethora of devices available now, but also new devices that have yet to be launched – future-proofing your site. There is also the huge benefit of ease of maintenance; keeping one website up-to-date is much easier than managing multiple device specific sites.
If you want to find out more about Responsive Web Design, or if you want information on our Responsive Web Design Packages, please get in contact.