Making Your Website Mobile Friendly with Responsive Design

Mar 17

Written by: Brendan Morrissey
3/17/2014 1:03 PM  RssIcon

Many tech-savvy integrators have done an excellent job of establishing dynamic and effective websites. They know that providing searchable inventory, current sales promotions, embedded video, clear contact information, directions, maps and other features helps turn their websites into impactful gateways to sales. What AV integrators don’t control, however, is how consumers view their websites.

Consider these quick facts that illustrate the changing reality of consumer connectivity today:
• Smartphones and tablets have doubled the amount of time people spend online daily between 2010-2013 (Gartner)
• Today people use smartphones more often than PCs to get online (Cisco)
• 31 percent of people who own smartphones say it’s the only way they access the Internet (Karen McGrane, BA+S)
• 40 percent of Americans log into Facebook every day; 79 percent of those do so from a smartphone

Multi-Screen Experiences
The fact is, your best customers move between four or more devices every day. “You don’t get to decide which platform or device your customers use to access your content: they do,” says Karen McGrane, author of Content Strategy for Mobile.

It's time to get real and fix your online presence to match your ideal shoppers where they are and how they access information.

Keep in mind, mobile doesn’t just mean smartphones, and it doesn’t necessarily mean on the move. It encompasses a proliferation of devices, platforms, and screen sizes–from the tiniest “dumb” phones to smartphones, iPods, and tablets, and from notebook computers to laptops that provide a near-PC experience. Any device that can easily be moved is mobile.

Try this exercise. Pull up your website on a standard PC. Then grab the window and make it progressively smaller (less wide). What happens as the window gets narrower? Your site may look great in widescreen, but on a tablet it may break. On a mobile phone, it may be impossible to navigate or read with cumbersome pinching and zooming. This is what your prospects are seeing across their range of devices, and you may have already lost them due to sheer frustration.

Check the bounce rate on your website. Google Analytics will show you in an instant if your Web presence is turning off visitors based on their connecting devices.

Your business may have a separate website sitting on an “m.” domain. On the one hand, that will provide better engagement from mobile devices. On the other hand, you have to maintain two separate websites and work to reconcile the two.

Consider Responsive Design
Businesses must retool their websites to deliver the right product information and a clean, professional shopping experience to all visitors regardless of what platforms they choose.

How can you be sure that your content will work everywhere, all the time? Start thinking about having one universal structure designed from the start to cover the full range of cases.

It’s time to embrace “adaptive content” and “responsive web design.” Responsive web design is the approach that suggests that design and development should respond to user behavior as well as screen size, platform, and orientation. This consists of using a mix of flexible grids and layouts, images, and an intelligent use of code. As the user switches from one device to another, the website should automatically switch to accommodate for resolution, image size, and scripting abilities.

Responsive design is the sweetheart of web designers right now, and with good reason. It allows businesses to be cross-platform without sacrificing content or redesigning from the ground up every time a new device comes out.

Transitioning Your Website
If responsive web design makes sense for your business, take a stair-stepped approach to this opportunity.

1. Start with a Plan
Moving to responsive design requires an investment of time to think through your web strategy. Envision what you want the user’s experience to be on each platform. New technology makes it possible to put both text and images on the same site and render them correctly across devices.

If you don’t have a good mobile presence today, I recommend starting with DudaMobile to establish a mobile website, and then work into the responsive site. Setting up a DudaMobile site with very basic functionality takes about an hour and costs $7 per month.

2. Work with a Specialist
You’ll want to work with a web design firm that can look at your current site and see what's salvageable for a new responsive site. In some cases you may need to start with a completely fresh site.

3. Think Through Functionality
Think hard about what you want mobile users to be able to do on your site. Is it all about getting a phone number and a map to contact you or get to you quickly? Ask your customers what they want/expect to be able to do on your website from a smaller device.

4. Be Patient
It will likely take about three months to create the new site and achieve responsive bliss. Costs will vary depending upon the scope of work and goals for the site.

Also, be sure to install Google’s new universal analytics code on your site. This will give you maximum flexibility to apply unique tracking codes and other elements across your site without having to change the tags applied to your Web pages.
 
 
Brendan Morrissey is CEO of Netsertive.

Categories:
Location: Blogs Parent Separator RES Blogs

Your name:
Gravatar Preview
Your email:
(Optional) Email used only to show Gravatar.
Your website:
Title:
Comment:
Security Code
CAPTCHA image
Enter the code shown above in the box below
Add Comment   Cancel 

 

Archive
<June 2015>
SunMonTueWedThuFriSat
31123456
78910111213
14151617181920
21222324252627
2829301234
567891011
Monthly
June 2015 (2)
May 2015 (10)
April 2015 (15)
March 2015 (14)
February 2015 (11)
January 2015 (16)
December 2014 (12)
November 2014 (10)
October 2014 (19)
September 2014 (21)
August 2014 (13)
July 2014 (15)
June 2014 (12)
May 2014 (12)
April 2014 (14)
March 2014 (15)
February 2014 (14)
January 2014 (24)
December 2013 (11)
November 2013 (12)
October 2013 (15)
September 2013 (19)
August 2013 (18)
July 2013 (19)
June 2013 (12)
May 2013 (18)
April 2013 (17)
March 2013 (13)
February 2013 (16)
January 2013 (26)
December 2012 (9)
November 2012 (11)
October 2012 (16)
September 2012 (11)
August 2012 (15)
July 2012 (13)
June 2012 (8)
May 2012 (9)
April 2012 (10)
March 2012 (7)
February 2012 (11)
January 2012 (14)
December 2011 (5)
November 2011 (12)
October 2011 (8)
September 2011 (4)
August 2011 (7)
July 2011 (11)
June 2011 (12)
May 2011 (8)
April 2011 (6)
March 2011 (9)
February 2011 (10)
January 2011 (9)
December 2010 (4)
November 2010 (7)
October 2010 (4)
September 2010 (9)
August 2010 (7)
July 2010 (8)
June 2010 (12)
May 2010 (6)
April 2010 (8)
March 2010 (10)
February 2010 (11)
January 2010 (1)
December 2009 (6)
November 2009 (6)
October 2009 (11)
September 2009 (6)
August 2009 (4)
July 2009 (4)
June 2009 (5)
May 2009 (7)
April 2009 (9)
March 2009 (7)
February 2009 (9)
January 2009 (8)
December 2008 (9)
November 2008 (6)
October 2008 (7)
September 2008 (7)
August 2008 (3)
July 2008 (5)
May 2008 (1)
April 2008 (4)
March 2008 (3)
February 2008 (5)
January 2008 (2)
November 2007 (1)
October 2007 (4)
September 2007 (2)
August 2007 (3)
July 2007 (4)
June 2007 (6)
May 2007 (6)
April 2007 (4)
March 2007 (4)

 

Skip Navigation Links.
Skip Navigation Links.
download

Why Google’s Android M, Brillo, Weave, and Cardboard Matter to CIs
Read More»
By Michael Heiss

Why CIs Should Root for Ultra HD Blu-ray to Succeed
Read More»
By John Sciacca

7 Pros and Cons of Adding Commercial AV to Your Business
Read More»
By Heather L. Sidorowicz

Get Your Copy of Dolby's Latest Atmos Demo Disc
Read More»
By John Sciacca

You Need to Be Human in This Digital World
Read More»
By Heather L. Sidorowicz

Slide Show
Slide Show

Audio Video Systems, Plainview, NY
Slide Show

Station Earth, Fergus, Ontario, Canada
Slide Show

Audio Command Systems, Westbury, NY
Slide Show

Evolution Video and Sound, Calgary, Alberta, Canada
How to buy cheap gold farming heroes of the storm to help you level up quickly
Read More»
Best site to buy rs07 gold to help you level up quickly
Read More»
How Increase Your Runescape Combat Level Fast
Read More»
nice time to take free 5% bonus swtor credits cheap on swtor2credits for hot summer sales
Read More»
Re: What are you doing to survive the economy?
Read More»
Why Every Gamer To Be Able To Be A Professional Video Game Tester
Read More»
Ability access titles to Buy Fifa Coins compliment one another
Read More»
Ncaa Football 2009 Demo Review
Read More»
World Of Warcraft Mods: Taking Your Gaming Experience To Your Next Level
Read More»
Epl Fantasy Soccer Roundup For Week 12
Read More»