Responsive Design: This Changes Everything
Like many businesses, we put off making updates to our Web page because we were … um … well … simply too busy. And shame on us.
As marketers, we know the critical role a website plays for any business.
If a potential client, employee or business colleague wants to really understand who you are and what you do, they take two actions:
- Check out your LinkedIn profile: Does your photo look like somebody they want to engage with? Does your experience/education/brand voice look like a good match for my needs? Do you know anybody I know so I can get the inside skinny on you?
- Visit your website: How do you present yourself in the digital world? Do you have the experience/skills I'm looking for?
With an increasing number of site visitors using their mobile devices to visit websites, the new design "must-do" trend is responsive design. While in the past it was necessary to have a separate mobile-friendly version of a site, it's now easy to maintain one site that can serve all your needs regardless of the screen size.
A site that uses responsive is flexible: It changes its layout and appearance based on the pixel width of the screen on which the site is displayed by reorganizing the images into a cascading style sheet. By using x and y coordinates on a grid for layout, and mathematical percentages for images instead of fixed-width pixel parameters, your layout will resize itself to fit in the size of the display device. That means that text on a page can be larger and easier to read on small screen, and buttons can be easier to press/click because they can accommodate the actual size of a finger.
If your site currently uses Flash, it's probably a good time to rethink that strategy, as many smart phones don't currently support it—which means many visitors won't be able to view that content.
Plus, since Google recommends and supports smart phone-optimized sites, their algorithms will automatically detect a responsive design setup if those all-important Google bots are allowed to crawl your page assets. And we all know how critical it is that your site is Google-search friendly!
But, it seems, many brands have not jumped on the new responsive design bandwagon—and understandably so. We're living proof that planning, designing and re-launching a new website is a time-consuming task. And while many web design firms claim they can adapt your current site for less than you may think, we found that we needed to completely rethink our site and the way we were presenting our work in order to take advantage of responsive design techniques.
Now email is following this same responsive design trend. If you're like most people, you've already discovered that reading email on your smart phone can be challenging. Just because it looks great on your work monitor, doesn't mean it will render properly on every recipients device. According to Litmus, as of December 2013, more than 51 percent of email opens occur on a mobile device. Meaning you'd better be taking a serious look at your email design if you want to make sure it's optimized for the majority of your readers.
As for our website, it's now under construction ... and yes, we're using responsive design ... and yes, we're learning a lot as we go. Check back in about 60-days and let me know what you think.
A blog that challenges B-to-B marketers to learn, share, question, and focus on getting it right—the first time. Carolyn Goodman is President/Creative Director of Goodman Marketing Partners. An award-winning creative director, writer and in-demand speaker, Carolyn has spent her 30-year career helping both B-to-B and B-to-C clients cut through business challenges in order to deliver strategically sound, creatively brilliant marketing solutions that deliver on program objectives. To keep her mind sharp, Carolyn can be found most evenings in the boxing ring, practicing various combinations. You can find her at the Goodman Marketing website, on LinkedIn, or on Twitter @CarolynGoodman.