<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SEM.LA &#187; Google Browser Size</title>
	<atom:link href="http://sem.la/blog/tag/google-browser-size/feed/" rel="self" type="application/rss+xml" />
	<link>http://sem.la</link>
	<description>创造和提升搜索价值</description>
	<lastBuildDate>Tue, 24 Aug 2010 03:52:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>灵活使用Google Browser Size，提升网站转化率</title>
		<link>http://sem.la/blog/google-browser-size/</link>
		<comments>http://sem.la/blog/google-browser-size/#comments</comments>
		<pubDate>Thu, 24 Dec 2009 13:13:05 +0000</pubDate>
		<dc:creator>葛小飞</dc:creator>
				<category><![CDATA[杂说闲语]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Google Browser Size]]></category>
		<category><![CDATA[Google网站优化工具]]></category>
		<category><![CDATA[京东商城]]></category>
		<category><![CDATA[可用性]]></category>
		<category><![CDATA[转化率]]></category>

		<guid isPermaLink="false">http://www.sem.la/?p=80</guid>
		<description><![CDATA[Google推出Browser Size已经不短时间了，但是国内对于这个工具的报道也只是在基础的介绍，很少有看到有结合Google Browser Size实现网站优化调整的案例。Google博客在介绍Browser Size的文章中谈到Google员工利用这个工具发现了Google earth页面转化率低的问题这个案例，我觉得非常具有指导意义。灵活使用这个工具，可以有效帮助提升网站可用性和转化率的提升。 上图是我使用Browser Size查看京东商城某页面的截图，可以看出80%以上的访客可以看到“添加到购物车”这个按钮。关于可用性和转化率提升方面的经验告诉我们，越重要的页面元素越需要清晰、明确的展示给用户。在京东这个图例中，“添加到购物车”这个按钮就是最为重要的元素。作为页面设计师，应该尽可能的保证这个按钮对绝大部分的用户来说都是可以在浏览器第一屏关注到的，做到这点，或许可以更好的提升页面的转化率。 页面设计师可以参考预设的页面最佳分辨率数值，配合Browser Size来测试下页面展示效果。譬如对于京东来说，有20%的用户是没办法在第一屏中看到起购买按钮的，这可能已经不知不觉的丢失了部分转化机会。对于京东这样的网站来说，20%可不是个小数目。当然，京东这类网站的用户特性可能决定大部分人都会下拉查看其他内容，不会错过这个购买按钮。但是对于其他网站来说，可能不是这么幸运的了。 Google Browser Size使用的数据是google.com的访问数据(查看说明)，对于很多网站来说这个浏览器分辨率的比例可能不适用，但是我们可以用Google Analytics获得自己网站的分辨率数据。在Google Analytics后台，依次点击左侧链接 访问者-浏览器功能-屏幕分辨率，就可以看到如下图的网站访问者的分辨率数据。 对比这个屏幕分辨率的各种数据比例，再参考Google Browser Size的反应出的可视比例，就可以作为网站页面是否需要调整的一个参考。 当然，在实际操作中，我们还需要考虑更加详细准确的数据进行有针对性的分析。譬如，网站主要针对的北京地区的访客，那就不能按照上面的办法获取分辨率数据。此时应该使用Google Analytics的高级群体功能只分析北京地区流量数据。 在进行好数据分析之后，我们需要进行的是调整测试，或许你已经了解了A/B测试、多变量测试，那么就不要犹豫，赶紧行动起来。当然，如果你对这些不了解的话，那可以尝试使用下Google网站优化工具，在调整页面设计时进行效果测试。]]></description>
			<content:encoded><![CDATA[<p></p><p>Google<a href="http://googlecode.blogspot.com/2009/12/introducing-google-browser-size.html">推出</a><a href="http://browsersize.googlelabs.com/">Browser Size</a>已经不短时间了，但是国内对于这个工具的报道也只是在基础的介绍，很少有看到有结合Google Browser Size实现网站优化调整的案例。Google博客在介绍Browser Size的文章中谈到Google员工利用这个工具发现了Google earth页面转化率低的问题这个案例，我觉得非常具有指导意义。灵活使用这个工具，可以有效帮助提升网站可用性和转化率的提升。</p>
<p><img src="http://www.sem.la/wp-content/uploads/2009/12/browser-size1.jpg" alt="" title="browser size" width="539" height="281" class="aligncenter size-full wp-image-83" /><br />
上图是我使用Browser Size查看京东商城某页面的截图，可以看出80%以上的访客可以看到“添加到购物车”这个按钮。关于可用性和转化率提升方面的经验告诉我们，越重要的页面元素越需要清晰、明确的展示给用户。在京东这个图例中，“添加到购物车”这个按钮就是最为重要的元素。作为页面设计师，应该尽可能的保证这个按钮对绝大部分的用户来说都是可以在浏览器第一屏关注到的，做到这点，或许可以更好的提升页面的转化率。</p>
<p>页面设计师可以参考预设的页面最佳分辨率数值，配合Browser Size来测试下页面展示效果。譬如对于京东来说，有20%的用户是没办法在第一屏中看到起购买按钮的，这可能已经不知不觉的丢失了部分转化机会。对于京东这样的网站来说，20%可不是个小数目。当然，京东这类网站的用户特性可能决定大部分人都会下拉查看其他内容，不会错过这个购买按钮。但是对于其他网站来说，可能不是这么幸运的了。</p>
<p>Google Browser Size使用的数据是google.com的访问数据(<a href="http://browsersize.googlelabs.com/static/about-browser-size.html">查看说明</a>)，对于很多网站来说这个浏览器分辨率的比例可能不适用，但是我们可以用Google Analytics获得自己网站的分辨率数据。在Google Analytics后台，依次点击左侧链接 访问者-浏览器功能-屏幕分辨率，就可以看到如下图的网站访问者的分辨率数据。<br />
<img src="http://www.sem.la/wp-content/uploads/2009/12/pingmu.jpg" alt="" title="pingmu" width="539" height="231" class="aligncenter size-full wp-image-85" /></p>
<p>对比这个屏幕分辨率的各种数据比例，再参考Google Browser Size的反应出的可视比例，就可以作为网站页面是否需要调整的一个参考。</p>
<p>当然，在实际操作中，我们还需要考虑更加详细准确的数据进行有针对性的分析。譬如，网站主要针对的北京地区的访客，那就不能按照上面的办法获取分辨率数据。此时应该使用Google Analytics的高级群体功能只分析北京地区流量数据。</p>
<p>在进行好数据分析之后，我们需要进行的是调整测试，或许你已经了解了A/B测试、多变量测试，那么就不要犹豫，赶紧行动起来。当然，如果你对这些不了解的话，那可以尝试使用下<a href="http://www.google.com/websiteoptimizer/">Google网站优化工具</a>，在调整页面设计时进行效果测试。</p>
]]></content:encoded>
			<wfw:commentRss>http://sem.la/blog/google-browser-size/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
