People ask us all the time; “What is responsive web design?”. Well, that’s a great question with a big answer that I’m hoping to explain in this post.
There are many elements that factor into the definition of “Responsive Web Design”, but mainly the definition is: “The approach to web design that provides the optimal viewing experience for everyone”. Meaning depending on your device ie. Desktop, Cell Phone or tablet; the websites’ design ‘responds’ to your specific resolution and adapts accordingly. This takes a way the need to pan, zoom or have excessive scrolling while allowing the best version of your site to be seen.
Where did it come from?
Another great question.
Until the last few years, websites were specifically made to fit on most desktop screens. Mainly because the majority of internet users surfed the web on desktop pcs. Most monitors then were around 800 or 1024 pixels and as a result, most websites were designed to fit that size. However, wide screen and large monitors began growing popularity , and web designers wanted their sites to look exactly the same no matter what size screen people viewed them on.
Then shortly after the growth of larger monitors, we began seeing more and more smart phones and tablets with browsers surfing the web as well. With a screen size at 4-5 inches, it was difficult to see a website or interact with it without constantly zooming or moving your window around.
Fortunately a man named Ethan Marcotte wrote an introductory article about the approach, “Responsive Web Design,” for A List Apart. This explained the theory of fluid design and how it would solve the issue facing mobile device compatibiliy. This opened up for the creation of “Twitter Bootstrap “, a CSS that is now widely used to create almost all responsive websites today.
As of May 2013, 63% of adult cell owners use their phones to go online. 34% of cell internet users go online mostly using their phones, and not using some other device such as a desktop or laptop computer.
How will it help my business’s website?
Having a responsive design is very beneficial to any business website. Mostly because of the fact that over 35% of all internet traffic comes from a mobile device such as a cell phone or tablet. If your website is not easily viewable through these mobile devices, more then likely those website visitors will leave your site and go to a competitor, or get frustrated trying to use it and close it out. It may also reflect badly upon your business’s image by not being up to date with current web standards.
All of that can be avoided if you implement bootstrap into your website and make it responsive.
Get a responsive design
Interested in redesigning your existing site into a responsive one? Get in touch with us today and get a free consultation. Contact Us.