because mobile devices are here to stay...
Responsive web design refers to the process of designing a site that can automatically adapt to different devices and screen sizes. With the ever growing popularity of mobile devices such as smart phones and tablets this adaptability is now becoming much more important. Additionally, Google now takes your sites 'mobile friendly' status into account when deciding how to rank you in search results!
The short answer to this question is that responsive design websites have the ability to detect the type of device and screen size that they are being viewed on. By designing the various elements with percentages rather than traditional pixel widths they are able to scale to fit the alloted area. Additionally, things such as the navigation menu also adapt and display differently based on the device and screen size. Although there is much more to it than that, it should give you a basic idea of the concept.
Although there are multiple ways to accomplish this, we use and highly recommend the Bootstrap framework developed by the folks at Twitter. This framework includes some solidly designed scripts and style elements that can be used to make a mobile friendly site that simply works across all browsers and devices.
The two major advantages to responsive web design are (1) it makes Google very happy and your page rankings increase and (2) As more and more of your target audience uses mobile devices it make sit easier for them to view and navigate your site. If Google and your sites audience are both happy then you are well on your way to having a successful website!
If your existing website is not optimized for smart phones, tablets and other mobile devices, give us a call today to see how we can increase the usability of your site for all customers and boost your search result rankings at the same time! To see an example of what Bootstrap can do, view this site from your smart phone or tablet as well as your laptop or desktop computer. The adaptive design and device detection scripts deliver the content appropriately for any device!
Ready to learn more about how our responsive web design services can benefit your business?