Delivering the Best Experience with Your Website: Go Responsive

Woman viewing a website on a tablet

I’ve seen quite a few blog posts giving responsive web design a hard time. Many web designers and developers claim it’s not as good as creating a dedicated mobile website because content is removed or hidden, or the website is “too heavy” for a mobile device. I’d like to explain some of the reasons we choose responsive design at 212 Media Studios, rather than coding separate mobile and desktop websites.

No Need to Hide or Remove Content

There is no need to hide any content. The intent of responsive design is to present your website to users in a quick, efficient, and attractive manner. When it comes to responsive design, you can use CSS and, if need be, JavaScript to reorganize how elements are presented to the user. Simply resize images, videos, and font sizes. Sure, we need to be bandwidth-friendly so users’ mobile devices don’t have to use too much data. But you can just create smaller images to deliver to mobile devices with smaller screens. Be careful, though—mobile screen resolutions are getting higher and higher. While you can make the image smaller, you may want to bump the DPI in your graphics.

One and Done

Responsive web design essentially combines multiple websites into one. With dedicated mobile websites, content changes must be applied to many websites, causing extra work on your staff. At 212 Media Studios, all of our websites are responsive and are housed in a content management system. This allows for all content changes to be made in one location.

CSS is Your Friend

If you work with your graphic designers while they lay out the desktop and mobile sites, the conversion from a large graphic to a W3C-validated website will be much easier. If your graphic designers understand how CSS positioning works, it’s a huge help. By placing elements in specific locations while designing, your designer can make laying them out in CSS much simpler. This can completely eliminate the need to load another page or template, as well as the need for JavaScript positioning. In turn, this increases your website’s load speed and lightens the burden on your browser’s JavaScript rendering engine (which is always a plus).

Tablets and Phablets and Phones—Oh My!

It is now estimated that by the end of this year (2013), more mobile devices will exist than people. Countless mobile devices are already available and have become a primary mode of accessing the internet. It seems responsive design is already very beneficial to those working with websites and web applications.

Some people view responsive design as a means of formatting content to fit and display well on mobile devices, as if these are merely a second thought. But mobile devices are selling like hotcakes, and the web traffic they generate surpasses that from desktops in some countries. Perhaps it’s time we take another look and be more focused on efficiently delivering websites and web applications to mobile devices.

sdevlin-thumb
Bobbie Stump
Back-End Developer
Learn more about Bobbie!

About 212 Media Studios

212 Media Studios is a full service marketing agency, based in Warsaw, IN. Providing services such as SEO, social media management, print marketing, branding, and videography, 212 Media Studios specializes in helping businesses of all sizes catapult their marketing and brand awareness to the next level. To learn more about 212 Media Studios’ services visit our services page or contact us with special requests or for more information.