What is Responsive web design? According to Wikipedia, “Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).” A responsive website means quite literally that it responds properly to all devices and screen sizes.
Originally named by Ethan Marcotte, Responsive web design was the number two top web design trend last year, according to net magazine, a publication for web designers and developers. These days everyone is using a different device, browser and screen size when browsing the web so producing a Responsive website enables the user to have a more tailored experience, regardless on their choice of device, whether that be an iPhone, laptop, Blackberry, TV, iPad, a different smartphone or a number of other devices. A responsive website can automatically tailor the page layout to best suit the users viewing device. Websites on devices such as iPhones and iPads can be viewed in both landscape and portrait so on top of screen size, the orientation of a device can also affect the user experience. In the past few years the rise of mobile devices such as iPads, iPhones and other smart phones was extremely huge and that was the reason why responsive web design started to play more and more important role in the design industry. With the trend of mobile devices sent to increase each year, designing a website for just a PC or laptop these days is as antiquated as using tables to position your page elements and <bold> tags in your HTML.
How does a responsive design work?
Without going into the technical aspects involved in a responsive design development, the image below illustrates how a responsive design will adapt to fit the device it is being viewed on.
Examples of Responsive web design:
emscotevets.co.uk is a great example of how a fully content managed web site can be designed so that it is adapted to the device it is being viewed on. The client realised that with many people wanting to find information on the go, having a responsive web design was extremely important in ensuring potential clients can easily find out information about their services, opening hours and contact information.
Blackdiamond-boutique.com is a new boutique based in Burbage, Leicestershire. Having a responsive design allows potential mobile customers to browse through the online catalogue and make purchases on the move. View our portfolio for more details on the work we carried out for Black Diamond Boutique.
For more information on responsive web design and how we can help you with your web site development and design, please contact us on 02476 100 380 or use our enquiry form.