What is "Responsive" Design?

"Responsive Design" been a trending subject for quite a while now, but what is it exactly, and why does it matter?

Responsive design is the art of designing for all screen sizes by making use of different stylistic rules and guidelines that transition smoothly from one screen size to another.

More and more of your website visitors are using mobile devices as they become more pervasive. The quality of mobile browsers has become good enough that many prefer browsing certain kinds of web content on their mobile devices (tablets or phones) to using a desktop computer. It is important to pay special attention to how your site will look on mobile devices, and address a number of unique concerns to them.

There are an increasing number of things to consider when building a mobile experience. The very first is that you should consider investing in some copywriting that specifically targets your mobile visitors. They have a very unique set of real-world distractions, so you really have to captivate them with fewer words, and text they can easily read on their devices, or they are on to the next thing.

  1. Speed: Page load time is extremely important on mobile platforms. There are a number of techniques using css that can do things like load a different, smaller image for mobile devices appropriate to their connection speed and screen size.
  2. Usability: While its nice to have all of your content accessible on the mobile device, you should provide your visitors with some content they can easily consumer first. Don't hide the rest, but provide them with a more clear funnel to the content you want them reading than you would on a desktop site.
  3. SEO: Register your business with Google Places. Google makes a big effort to show relevant search results. They give priority to real businesses that local.