Responsive design is a new way to build out websites that is becoming very popular. A responsive site will re-size and reorient your site content to fit smaller screen sizes. With more and more people using mobile devices and tablets to browse the web, having a site that renders well, no matter the screen size, is very important.
In the video below, Caitlin shows us a responsive website and how it reorders itself as she shrinks the screen resolution size. She explains that you can think of your site’s layout like a newspaper, in columns. When you design your site in this grid/column layout, a responsive site will reorient those columns to fit the smaller screen sizes. This is a great way to have a site that is optimized for multiple devices and that won’t lose any of your content.
Responsive Design from Hall Internet Marketing on Vimeo.
For more information on responsive design, check out our infographic – Responsive Website Design – What is it?
Below are a few more examples of responsive designs and how they reformat as the screen sizes shrink.
Hall’s Responsive Website
J.B. Brown & Son’s Responsive Website
Responsive website design seems to be a buzzword in the internet marketing world these days. But what is it, really – and why should you pay attention? In the web marketing and development space, new things are popping up every single day – and many fizzle just as quickly as they appear. Responsive design has been around for some time now, and it’s gained traction as a preferred website design practice for many web developers. The infographic below helps to explain the basics of responsive website design: what it is, how it works and the major benefits.
In short, responsive website design is just what it sounds like: it allows your site to respond directly to the device that it is being viewed on. The result is an optimal viewing experience for smartphone, tablet and desktop computer users alike.
Studies show that 46% of mobile users report having difficulty interacting with a webpage – and 44% complain that navigation was difficult. A responsive site helps to ensure that users are more likely to stay on your site, rather than to give up and head to a competitor’s. Responsive design also means one URL and one set of content, which makes site management and updates easier. It is also recommended by Google, meaning that it can be better for search engine optimization.
With mobile use on the rise, more and more people are browsing the web from several different devices. Don’t run the risk of losing a potential customer or lead because of a bad user experience. If you are designing a new website, or thinking about a redesign, consider going responsive.
Hall Internet Marketing – Responsive Website Design – What is it?
You can embed this infographic on your blog or website:
Guess what, according to a recent Google study, we spend an average of 4.4 hours of our daily leisure time in front screens…multiple screens on multiple devices. And we’re using them simultaneously to complete tasks. It makes us feel more accomplished and efficient. And the screen we interact with the most throughout our day is the smallest of them all. So what does that mean for internet marketing?
Source: Google’s The New Multi-screen World: Understanding Cross-platform Consumer Behavior
Having a mobile-friendly site is more important than ever.
Most sequential usage (starting a task on one device and moving to the other) involves search. And smartphones serve as the main initiation point for multi-screen interactions. That means the chances of a prospect’s first visit to your site occurring via their mobile device are much higher. Even more so if you have a local presence.
You can read the entire study and more interesting findings here.
Has your audience gone mobile? Most of the world IS going mobile! You can check your Google Analytics to see how many people are visiting your website from a mobile device. If you do have mobile traffic, you want to make sure you are putting your best foot forward for mobile visitors so they don’t get discouraged and go to a competitor’s site instead!
Responsive Design or Mobile Optimized Site?
There are a variety of options to cater to your mobile users. You can choose a responsive website design that has a flexible layout that re-sizes and re-orients your desktop sites for mobile users. You can also have a mobile optimized site that allows you to deliver a customized experience for a mobile visitor. No matter which you choose, you should continue to test and track your mobile performance to make sure you are reaching all your potential clients.
Optimize your email marketing for mobile
Mobile devices are changing where and how we view emails. It is projected that by the end of 2012, more people will read emails on mobile devices than on desktop computers. If your email is not optimized to be seen on a mobile phone, your message may be getting lost!
More and more people are coming into contact with your content while they are on a mobile device. As technology advances, this will only increase. Make sure your mobile website viewers and email subscribers are getting content delivered correctly on their devices!