<?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>interactive &#039;s blog &#187; 视觉</title>
	<atom:link href="http://www.taoring.com/blog/archives/tag/%e8%a7%86%e8%a7%89/feed" rel="self" type="application/rss+xml" />
	<link>http://www.taoring.com/blog</link>
	<description>life,interactive,design</description>
	<lastBuildDate>Sun, 09 Oct 2011 05:43:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>中、美、韩用户眼球视觉方向研究</title>
		<link>http://www.taoring.com/blog/archives/283</link>
		<comments>http://www.taoring.com/blog/archives/283#comments</comments>
		<pubDate>Mon, 03 Nov 2008 14:56:18 +0000</pubDate>
		<dc:creator>slowsay</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[视觉]]></category>

		<guid isPermaLink="false">http://www.taoring.com/blog/?p=283</guid>
		<description><![CDATA[看到一篇博文,说是中韩两国有人研究测试人的页面感知与认知风格,他们分别从中韩美三个国家找来27个人进行测试,并且挑中美韩三人一组,三人挑自己国的语言进行测试 测试页面是雅虎站点 下图分为九个区域 下图为兴趣区域,其中纵向轴为兴趣值,横向轴是时间数,ch代表中国,am代表美国,kr代表韩国 从上图看出,韩国用户的眼睛一直在整个页面到处跳动。比起其他两个组别，他们更多地在各个区域中跳来跳去。在头15秒，中美两国用户的眼动比较相似，在头10秒中国用户的AOI活动稍微高于美国用户，但很快就明显领先了。15秒之后，美国用户的AOI的增长率低于中国用户，说明美国人的眼睛活动开始稳定，并开始将注意力集中在页面的某一处。 下图是对九个区域进行图解 从上图看出,注意点停留时长反映出该区域对用户的重要性。页头中部的区域2是尤其重要的，它吸引了三国用户最长久的注意。总体来说，美国用户将注意力放在区域1、2、5的时间明显高于其他两组。中国用户则在区域6、7、8、9集中了更久的注意力。 接下来是分析眼球运动状态,绿色的点代表眼睛活动的开始，红色代表结束。 以下图中国 以下图美国 以下图韩国 根据眼动运动，研究者从两个方面分析： Sequential Reading: 眼睛随着区域块依次浏览 Circular Scan: 眼睛扫描路径接近于顺时针画圆. Back and Forth Scan: 眼睛在内容之间往返扫描，某个区域在短时间内被反复注视. Scan Only: 用户只是扫描页面，并没有将焦点放在某个区域，也就是眼动很频密. Focus on Title: 用户的注意力相对更多地放在标题上. Navigation Reading: 用户的注意力更多放在导航条上，会花一定时间浏览导航内容 由此可见，中韩用户更倾向以扫描、打圈的方式阅读网页。同时，中韩用户更喜欢往返于各个内容区域，说明他们阅读时比较随意。相反地，美国用户比较关注细节，也很少这看一眼那看一眼。 从另一个角度来阐释眼动结果 “0” Shape: 眼动路径类似于画0 “5” Shape: 眼动路径类似于画5. (也就是，眼睛以此访问: 2, 5, 6, 9, 8, 7区域). “N” Shape: 眼睛看完一列再看另一列. “Z” Shape: 眼睛依次扫过各行. “X” ]]></description>
			<content:encoded><![CDATA[<p>看到一篇博文,说是中韩两国有人研究测试人的页面感知与认知风格,他们分别从中韩美三个国家找来27个人进行测试,并且挑中美韩三人一组,三人挑自己国的语言进行测试</p>
<p>测试页面是雅虎站点</p>
<p><img src="http://www.ijdesign.org/ojs/public/journals/1/267/Figure1.png" alt="" /></p>
<p>下图分为九个区域</p>
<p><img src="http://www.ijdesign.org/ojs/public/journals/1/267/Figure4.jpg" alt="" /></p>
<p>下图为兴趣区域,其中纵向轴为兴趣值,横向轴是时间数,ch代表中国,am代表美国,kr代表韩国</p>
<p><img src="http://www.ijdesign.org/ojs/public/journals/1/267/Figure5.png" alt="" /></p>
<p>从上图看出,韩国用户的眼睛一直在整个页面到处跳动。比起其他两个组别，他们更多地在各个区域中跳来跳去。在头15秒，中美两国用户的眼动比较相似，在头10秒中国用户的AOI活动稍微高于美国用户，但很快就明显领先了。15秒之后，美国用户的AOI的增长率低于中国用户，说明美国人的眼睛活动开始稳定，并开始将注意力集中在页面的某一处。</p>
<p>下图是对九个区域进行图解</p>
<p><img src="http://www.ijdesign.org/ojs/public/journals/1/267/Figure6.png" alt="" /></p>
<p>从上图看出,注意点停留时长反映出该区域对用户的重要性。页头中部的区域2是尤其重要的，它吸引了三国用户最长久的注意。总体来说，美国用户将注意力放在区域1、2、5的时间明显高于其他两组。中国用户则在区域6、7、8、9集中了更久的注意力。</p>
<p>接下来是分析眼球运动状态,绿色的点代表眼睛活动的开始，红色代表结束。</p>
<p>以下图中国</p>
<p><img src="http://www.ijdesign.org/ojs/public/journals/1/267/Figure7.png" alt="" /></p>
<p>以下图美国</p>
<p><img src="http://www.ijdesign.org/ojs/public/journals/1/267/Figure8.png" alt="" /></p>
<p>以下图韩国</p>
<p><img src="http://www.ijdesign.org/ojs/public/journals/1/267/Figure9.png" alt="" /></p>
<p>根据眼动运动，研究者从两个方面分析：</p>
<p><img src="http://www.ijdesign.org/ojs/public/journals/1/267/Figure11.png" alt="" /></p>
<p>Sequential Reading: 眼睛随着区域块依次浏览</p>
<p>Circular Scan: 眼睛扫描路径接近于顺时针画圆.</p>
<p>Back and Forth Scan: 眼睛在内容之间往返扫描，某个区域在短时间内被反复注视.</p>
<p>Scan Only: 用户只是扫描页面，并没有将焦点放在某个区域，也就是眼动很频密.</p>
<p>Focus on Title: 用户的注意力相对更多地放在标题上.</p>
<p>Navigation Reading: 用户的注意力更多放在导航条上，会花一定时间浏览导航内容</p>
<p>由此可见，中韩用户更倾向以扫描、打圈的方式阅读网页。同时，中韩用户更喜欢往返于各个内容区域，说明他们阅读时比较随意。相反地，美国用户比较关注细节，也很少这看一眼那看一眼。</p>
<p>从另一个角度来阐释眼动结果</p>
<p><img src="http://www.ijdesign.org/ojs/public/journals/1/267/Figure12.png" alt="" /></p>
<p>“0” Shape: 眼动路径类似于画0</p>
<p>“5” Shape: 眼动路径类似于画5. (也就是，眼睛以此访问: 2, 5, 6, 9, 8, 7区域).</p>
<p>“N” Shape: 眼睛看完一列再看另一列.</p>
<p>“Z” Shape: 眼睛依次扫过各行.</p>
<p>“X” Shape: 眼睛以对角线的方式扫描，随意跳跃.可见，多数中国人和韩国人都采用0式浏览，而美国人更多是采用5式浏览。也就是说，中韩用户会整体去看一个页面，而多数美国人趋向于从中心向外围浏览。</p>
<p>最后，研究者提出了一些设计建议。对于采用整体思维方式（holistic thinkers）的中韩用户来说，他们更倾向于扫描页面整体，而且以一种非线性的浏览方式，因此内容安排可以较为灵活。对于采用分析性思维方式（analytic thinkers）的美国用户来说，页面布局要非常清晰，每个信息区域都要有区别于其他的特点，导航部分也尤其重要。</p>
<p>译者:<a href="http://piglili.blogbus.com/" target="_blank">小何老师</a></p>
<p>原文:<a href="http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/267/163" target="_blank">此地址</a></p>
<p>最后</p>
<p>ps:感言,以科学的角度来谈事实,不能再忽悠用户,强迫用户接受</p>
<p>ps:用户的视觉不一定超级厉害,但是也要以科学的角度去引导</p>
<p>ps:NYYD,韩国人还真会研究</p>


<!-- Begin SexyBookmarks Menu Code -->
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-spaced">
<ul class="socials">
		<li class="sexy-comfeed">
			<a href="http://www.taoring.com/blog/archives/283/feed" rel="nofollow" title="订阅这篇文章的评论？">订阅这篇文章的评论？</a>
		</li>
		<li class="sexy-delicious">
			<a href="http://delicious.com/post?url=http://www.taoring.com/blog/archives/283&amp;title=%E4%B8%AD%E3%80%81%E7%BE%8E%E3%80%81%E9%9F%A9%E7%94%A8%E6%88%B7%E7%9C%BC%E7%90%83%E8%A7%86%E8%A7%89%E6%96%B9%E5%90%91%E7%A0%94%E7%A9%B6" rel="nofollow" title="分享到del.icio.us">分享到del.icio.us</a>
		</li>
		<li class="sexy-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.taoring.com/blog/archives/283&amp;t=%E4%B8%AD%E3%80%81%E7%BE%8E%E3%80%81%E9%9F%A9%E7%94%A8%E6%88%B7%E7%9C%BC%E7%90%83%E8%A7%86%E8%A7%89%E6%96%B9%E5%90%91%E7%A0%94%E7%A9%B6" rel="nofollow" title="分享到Facebook">分享到Facebook</a>
		</li>
		<li class="sexy-twitter">
			<a href="http://twitter.com/home?status=%E4%B8%AD%E3%80%81%E7%BE%8E%E3%80%81%E9%9F%A9%E7%94%A8%E6%88%B7%E7%9C%BC%E7%90%83%E8%A7%86%E8%A7%89%E6%96%B9%E5%90%91%E7%A0%94%E7%A9%B6+-+http://b2l.me/bnfze+&amp;source=shareaholic" rel="nofollow" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="sexy-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.taoring.com/blog/archives/283&amp;title=%E4%B8%AD%E3%80%81%E7%BE%8E%E3%80%81%E9%9F%A9%E7%94%A8%E6%88%B7%E7%9C%BC%E7%90%83%E8%A7%86%E8%A7%89%E6%96%B9%E5%90%91%E7%A0%94%E7%A9%B6" rel="nofollow" title="添加到Google Bookmarks">添加到Google Bookmarks</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
<!-- End SexyBookmarks Menu Code -->

]]></content:encoded>
			<wfw:commentRss>http://www.taoring.com/blog/archives/283/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

