<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://www.websitemagazine.com/content/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Design &amp; Development Digest : instant previews</title><link>http://www.websitemagazine.com/content/blogs/design-development/archive/tags/instant+previews/default.aspx</link><description>Tags: instant previews</description><dc:language>en</dc:language><generator>CommunityServer 2008 SP2 (Build: 31104.93)</generator><item><title>Google’s Design Guidance for Instant Preview</title><link>http://www.websitemagazine.com/content/blogs/design-development/archive/2010/11/09/google-s-design-guidance-for-instant-preview.aspx</link><pubDate>Tue, 09 Nov 2010 17:10:00 GMT</pubDate><guid isPermaLink="false">1e469e21-c924-44fa-a132-47b5d0a8ad47:15347</guid><dc:creator>Pete Prestipino</dc:creator><slash:comments>1</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.websitemagazine.com/content/blogs/design-development/rsscomments.aspx?PostID=15347</wfw:commentRss><comments>http://www.websitemagazine.com/content/blogs/design-development/archive/2010/11/09/google-s-design-guidance-for-instant-preview.aspx#comments</comments><description>&lt;hr /&gt;
&lt;p&gt;&lt;strong&gt;&lt;img style="float:left;margin:15px;" src="http://www.websitemagazine.com/images/blog/g-mini.gif" width="73" height="73" alt="" /&gt;Google has (fortunately) provided some guidance - although minimal - related to &lt;a href="http://googlewebmastercentral.blogspot.com/2010/11/instant-previews.html" target="_blank"&gt;Web design with the release of Instant Preview&lt;/a&gt; today&lt;/strong&gt;. &lt;/p&gt;
&lt;p&gt;The development as was &lt;a href="http://www.websitemagazine.com/content/blogs/posts/archive/2010/11/09/instant-previews-make-great-design-imperative.aspx"&gt;mentioned here makes great Web design imperative&lt;/a&gt;. Some of the suggestions Google has provided are open to interpretation and will surely initiate an immense amount of discussion moving forward. 
&lt;br /&gt;&lt;br /&gt;
While a good user experience should always be the focus of Web design, Google may just be forcing the hand of designers to keep distractions and extraneous content at a minimum. Site simplicity and message clarity are now of the utmost important courtesy of the introduction of Instant Previews. 
&lt;br /&gt;&lt;br /&gt;
Google is recommending avoiding interstitial pages, ad pop-ups and other elements that interfere with content as they will affect the preview and make screenshots less attractive. This should drive every single interactive media designer, media buyers and site owner over the virtual edge. Count on work-arounds (and perhaps an increase in cloaking) being released soon. 
&lt;br /&gt;&lt;br /&gt;
Perhaps most important in the short term is that some videos or Flash content in previews will appear as the dreaded &amp;ldquo;puzzle piece&amp;rdquo; icon or simply a black square. While Google is working on rendering these content types, perhaps it&amp;rsquo;s time you brush up on some HTML5. 
&lt;br /&gt;&lt;br /&gt;
Google has attempted to make it clear that Instant Previews does not change its search algorithm or how clicks are tracked. According to Google, &amp;ldquo;If a user clicks on the title of a result and visits your site, it will count as a normal click, regardless of whether the result was previewed.&amp;rdquo; Previewing a result, however, doesn&amp;#39;t count as a click by itself.
&lt;br /&gt;&lt;br /&gt;
If you are using the nosnippet meta tag on your pages (which will cause Google to not show a text snippet in its results) you may want to remove that as the tag will also not show previews. 
&lt;/p&gt;
&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://www.websitemagazine.com/content/aggbug.aspx?PostID=15347" width="1" height="1"&gt;</description><category domain="http://www.websitemagazine.com/content/blogs/design-development/archive/tags/google/default.aspx">google</category><category domain="http://www.websitemagazine.com/content/blogs/design-development/archive/tags/instant+previews/default.aspx">instant previews</category><category domain="http://www.websitemagazine.com/content/blogs/design-development/archive/tags/web+design/default.aspx">web design</category></item></channel></rss>