What is a Responsive Website and Why Do I Need It?

You may have heard the term “Responsive” when it comes to your website. What exactly does that mean and why is it important? Basically, “Responsive” is another term for mobile-friendly, which simply means that your website works on all devices – smart phones, tablets, etc., in addition to your desktop and laptop computers.

When your website is responsive, the elements of your site such as menus, graphics, headers, and content respond to different screen sizes by flowing into column format for easier viewing. For example – here is how this website looks on different screens:

ipad-screenshot
iPad Mini – Notice that the search bar is centered in the middle bottom header. Also, the three columns at the bottom are made into one column for easier viewing.

 

galaxy-ss
Samsung Galaxy Phone – Again, the header width has shrunk for the smaller screen, but all elements are still displayed nicely. The menu wraps as well so users don’t have to scroll horizontally.

 

So, why is a responsive website important?

Well, recently Google announced that it will penalize websites that are not optimized for mobile. But more than that, many users are visiting websites on smart phones and tablets these days. In fact, check out some of these statistics:

  • By 2014, mobile internet is predicted to take over desktop internet usage (Source: Microsoft Tag, 2012)
  • 57 percent of consumers will not recommend a business with a poorly designed mobile site. Similarly, 40 percent of consumers will go to a competitor’s site after a bad mobile experience (Source: Compuware, 2012)
  • Sixty-five percent of mobile users said they used their mobile device to find a business to make an in-store purchase (Source: Google, 2011)

– See more at: http://www.digby.com/mobile-statistics/ #sthash.SyPBWfRd.dpuf

You need to offer a user-friendly experience for your visitors! If your information is not easy to read or easily accessible, odds are you will lose your website visitor and potential customer to a competitor.

How do you see how your website shows on all devices? Check out this great resource: http://quirktools.com/screenfly

When you’re ready to upgrade to a website that works on all devices – consider a Worry-Free website! 🙂

Kim Kopec

Kim has over 25 years of experience in marketing, design and communications. She loves to use her creative gifts to help Michigan small businesses (and start-ups) with their online presence and visual branding. Her motto is “Behind every great design, is a substantial amount of coffee!”

Leave a Reply

Your email address will not be published. Required fields are marked *