Infographic

They’re everywhere. Facebook, Twitter, Pinterest, StumbleUpon and Flickr. They can be funny, serious, informational or downright bizarre. Infographics.

Who wouldn’t like them? They require little reading and are pretty to look at. But they are also a great asset to the companies that distribute them. Sure, Google can’t index the information on infographic image itself, but it can search and index the content around it… especially as it spreads via all the online social outlets.

Take for example, the recent infographic we did for VenueSeen, which analyzed the statistics regarding Instagram photos taken at Major League Baseball parks during the first four weeks of the season. The infographic was originally posted on the VenueSeen blog, and soon was picked up by Mashable. Within 24 hours, the article on Mashable has been shared across a variety of social outlets including the following:

  • Twitter / Tweets: 1.5K
  • LinkedIn / Shares: 350
  • Facebook / Likes: 334

And that’s just from the posting on Mashable. The same day, the infographic was also featured on the ESPN blog, where it was also then liked, tweeted, etc. Thus the SEO snowball effect begins.

If you are thinking about whether an infographic is right for you, here are some tips to follow:

  • Infographics require research. They are a representation of stats and facts, so be sure to do your homework.
  • Host the infographic on your domain.
  • Use proper files names, alt and title tags.
  • Provide an embed code (that links back to your site) so people can easily share it on their site.
  • Include your company’s name somewhere on the graphic. It doesn’t have to be huge, but you want people to know where it came from, especially if the original link back to your site gets lost along the way.
  • Share it via your own social media accounts. Track the results so you know what sharing methods were the most successful.
  • Enjoy the process.
  • Don’t be discouraged. Not all infographics spread like wildfire.

Shown below is the infographic we designed for VenueSeen. We hope others enjoy it as much as we enjoyed creating it.

Instagram at the Ballpark Infographic

Posted on June 4th, 2012 by Rhaya in Design Discussions, Recent Work : Miscellaneous | No Comments »

Ever tried to check a website on a smart phone and noticed you need a magnifying glass to read it or you have to zoom in and do a bunch of scrolling left and right, up and down? This is probably because the site was attended to be viewed on a monitor and not a phone or tablet. The fact of the matter is up until recently mobile device design has been an afterthought. But times are changing and with the popularity of smart phones and tablets the need for a mobile presence has moved more to the foreground. Luckily in the past couple years there have been some major advances to get over this mobile hump.

Before I discuss the answer I want to give you the brief evolution of mobile design. The first thought, besides just displaying a shrunken version of a site, was to have a secondary site meant for just mobile devices. These sites would be a trimmed down version of the site that would render on small screens. There would be a special function that would check to see what you were viewing the site on and then decide which version to display for you, the normal website or transfer you over to the mobile site. This was a good idea, but not great. There were some downfalls to this. Let’s say you saw something on your phone that was interesting and you wanted to send it to a friend. You’d copy the link and paste it either in an email or a text message. If your friend opened the link on their computer instead of their phone, it would open the mobile site on a full monitor. This would usually look quite awkward on such a large display.

Another downfall came as devices evolved into small displays (but not pocket sized) such as those that can be found on tablets. A developer could make a third version with the dimensions of the tablet… but wait, which tablet are you looking at it in? An iPad? Android 7 inch? Maybe it’s a 10.1 inch? As more devices were made so were more sizes of screens. Making a specific website version for each size became a much bigger task than originally thought about.

So what was the answer? To misquote Lord of the Rings, “one site to control them all” … the idea of one site that had a way to render differently depending on the device you were viewing it on. This thought process is called Responsive Web Design. So instead of having multiple versions of a site for each device, you have one single site that looks differently depending on the size you are displaying it at. One site that will look nice on a large monitor, small monitor, tablet or phone, the best of all worlds.

Jackson Sky’s website is now using RWD (Responsive Web Design) check it out for yourself. Bust out that iPhone and go to our site, compare it to what you see on your monitor. Ok, ok too lazy to get out your phone? How about just resizing the site on your monitor? You’ll notice that as you shrink it or enlarge it the site will change and make adjustments so viewing always feels like it’s at the right size.

Do you want to move your web presence to the next level and into your pocket? Maybe Responsive Web Design is the thing for you. Jackson Sky is now offering mobile packages to help you be seen by people who can’t carry a monitor with them everywhere they go. Drop us a line if you’d like to discuss some possible options for your site.

Posted on May 29th, 2012 by Patrick in Design Discussions, Responsive | No Comments »

Web Friendly Fonts

The topic of web-friendly fonts has come up a few times recently in the presentation and early stages of the web design process. In a perfect design world, every font could be read by every browser and the topic of web safe fonts would not be an issue. But as long as there are different operating systems and different browsers, it cannot be ignored. For this reason, I have put together the following reference list of common web-friendly fonts, that can be checked across multiple browsers and platforms. They are listed here as HTML text at a 24pt and 12pt font size.

Arial Arial

Verdana Verdana

Lucida Grande Lucida Grande

Times New Roman Times New Roman

Century Gothic Century Gothic

Trebuchet Trebuchet

Georgia Georgia

Courier New Courier New

Impact Impact

Helvetica Helvetica

Arial Black Arial Black

Arial Narrow Arial Narrow

Tahoma Tahoma

Posted on April 20th, 2010 by Rhaya in Design Discussions | No Comments »