Archive for the 'Graphics' Category

Google Instant Previews

Last November Google launched its Instant Previews feature for search results. The quick skinny is that there is a magnifying glass graphic in the search results. When you click on it you are shown a pop-up visual miniature representation of the web page so you can get a sense of what’s at the destination before visiting the page.

google previews example

It’s a nice feature and I can see this coming in very handy for the times you find a great site, don’t bookmark it, then search again to go back to it at a later date. Instead of visiting site after site until you find it, you can use Google Previews to quickly preview sites without having to load each page. Since you’ve been to the page before you’ll likely recognize it when you see it in the Preview.

And now the bad news

Unfortunately, as of now, it doesn’t support many rich media format content types. Embedded Flash, Silverlight, Java Applets, and video files (FLV, MOV, MP4) are rendered as blank spaces on the page or represented by a gray box with a puzzle piece in the center.

google previews puzzle graphic

For Flash, the immediate solution that comes to mind is to offer a non-Flash alternative (as many sites already do). No dice. The Google Preview (bot?) doesn’t display the replacement content. Check out http://www.google.com/search?q=%22SWFObject+2+dynamic+publishing+example+page%22 to view examples. Google employee, John Mueller, has posted that Google is working on this but there is no projected date for a solution.

It’s something to consider for sites that are heavily dependent on Google searches for traffic.

Favicons

The favicon is a small thing, literally. It is the tiny image seen in web browsers next to the URL field, page tabs, and bookmark/favorite lists. It’s an easy thing to overlook in the grand scheme of building and maintaining a web site. It is, however, worth putting in the little bit of effort required to include it.

Favicon Examples
favicon examples

Why fool with these little things?

  • Additional brand impressions.
  • A faster visual cue for visitors to find your page when multiple browser tabs are open. If they recognize your image they don’t have to read the tab text. Scan, bang, click. Nice.
  • If a visitor bookmarks your site the icon will show up in the bookmarks list, helping to distinguish your site from others.

Since favicons are so pervasive, not having one may actually reduce your site’s perceived credibility. It’s another “expected thing” along with the standard logo, reasonably conventional navigation elements, and easy to find contact info. The absence of the favicon can make your site come across as “small time.”

Implementation is Eeeasy

Creating the graphic is as simple as creating a 16 x 16 pixel ICO file. Photoshop users can download a free plugin that adds an option to save an ICO file. Then the web master uploads and adds some simple HTML code to the page header.

If you need some inspiration check out Cool Favicons.