Click below to see an example of an infographic on Responsive Website Design:
Should You Be Using Infographics?
Infographics can be very useful in the following situations:
- If you publish blogs or articles and would like to bring more attention to your content.
- If your business or blog has a presence on Pinterest. Pinterest is fueled by powerful images, with infographics as one of the main stars.
- If you have complicated results, data, or timelines you’d like to share with your visitors, and need an easy way to convey them.
- If you’d like to share your industry knowledge with your followers, and could use an attention-grabbing, potentially viral way to do it.
What makes a good infographic?
The colors of an infographic need to grab attention without being overwhelming. Consider using your brand’s colors, seasonal colors, or build off of the images that lead the topic. See this example created by Cazarin’s team.
If you’re planning to post on Social Media (and you should), your piece will end up in a feed of other images. The text must be readable enough at smaller sizes, particularly your headlines and subheaders. Check out this example!
Balance white space with content. Balance text with graphics. Balance dry data with interesting tidbits.
Don’t build an infographic just to build an infographic. Make sure it contains meaningful information and tidbits that can be read quickly or understood visually. If your infographic has text in paragraphs, take those parts out and let them take their rightful place in an article. See this example by Cazarin.
This is a chance to show your business’s expertise, and it should be branded accordingly. In addition to including your brand colors and your logo, work in your own message and personality. Use your brand’s voice, and include tidbits about your experience or your specialties where appropriate. See this somewhat subtle example from Ford about childhood “The Road to College.”
An infographic is only as good as the information it displays. Be sure to use only credible, accurate information, and place reference links in the footer of the infographic.
Resources for Infographics
With this tipping of the scales, Google has announced that it will give precedence in mobile search results to sites that are mobile-friendly. We’re talking billions of search queries while people are on the go, and many websites are scrambling to make their websites look great on mobile—not only for user experience, but to stay in the game when Google returns search results.
But how to proceed? Should your site be made “responsive” so it fits any size device, or should you create a separate mobile website?
We compare and contrast the two options:
Option 1: Responsive Design
Description: A responsive site will automatically adjust all elements on the page to the size window you’re using: desktop, tablet, or mobile screens large and small.
Example: www.cazarin.com (If you resize your browser window, the content shifts to accommodate it.)
- The site works regardless of device size, because it scales and moves content dynamically to fit each screen.
- There is only one site, so you don’t have to worry about duplicate content issues. This also makes maintenance easier.
- Any changes to the site can be done once.
- This option will also adapt to whatever devices your visitors may be using in the future.
- For current sites, this means a full-scale redesign, so it’s much more labor-intensive and takes more time. (New sites can be created as responsive sites. If your site is due for a redesign, this may be the best option.)
Option 2: Separate Mobile Site
Description: Build a small separate site, and redirect mobile devices to the mini-site instead of the main one.
- This is a faster, cheaper approach. You can choose to put just a few of your most important pages up, and then link to the main site for pages that are viewed less often.
- If you want to have a significantly different experience for mobile users, it may be best to create a separate mobile site.
- This approach requires more maintenance, since you now have two sites. Content will need to be kept consistent between two different versions.
- Site traffic, backlinks, and other SEO factors will be diluted due to this being a separate site from your main domain.
- The mobile site is generally sized to fit the smallest standard mobile screen size. This means it won’t always necessarily fit different devices perfectly.
- In the future, a separate mobile site will become more and more difficult to maintain as device sizes change.