Infographic: Understanding Responsive Web Design
Today you are forced to design your content for a dizzying variety of screen sizes. One answer to the growing number of devices is to use an approach called Responsive Web Design. The way this works is that you create a single design using a flexible grid that can shrink or grow to fit the various screen sizes showing or hiding content depending on the device.
It's clear that mobile is growing in leaps and bounds and that you need to find a way to answer the demand for mobile optimized content. Nothing will turn off a user faster than coming to a website on a mobile device and having to pinch and zoom to see various parts of the screen.
It's just unfriendly, and you have to know that people will leave and surveys suggest if you lose them, they won't come back. They'll just find a site that caters to their devices. This infographic provides a basic overview of Responsive Web Design. It's worth pointing out that not everybody believes this approach is the best way to go, but it is a starting point for companies looking to drive mobile traffic and take advantage of this growing group of users.