<?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>小多的幸福生活\(^o^)/</title>
	<atom:link href="http://www.xiaoduo.net/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.xiaoduo.net</link>
	<description></description>
	<lastBuildDate>Tue, 20 Apr 2010 10:30:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>2010春，丽江</title>
		<link>http://www.xiaoduo.net/?p=524</link>
		<comments>http://www.xiaoduo.net/?p=524#comments</comments>
		<pubDate>Tue, 20 Apr 2010 09:38:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[幸福生活]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=524</guid>
		<description><![CDATA[丽江在我脑海中的印象是“很商业”，出行前一直很纠结去还是不去。到了以后发现如我所料，我和老肥都对这个闻名遐迩的古城无感啊。途中不可抗拒的各种意外导致我们原本的旅行计划突变；加上这个季节也实在不适合到香格里拉游玩。总之不得不承认这趟远门出的不太值得啊。不过我们终究还是得以短暂逃离了忙碌的生活。过了几天没有邮件，没有项目，脱离互联网的生活。代价就是回来以后老肥用了3个小时才把所有的邮件处理完。。哈哈


1，生鱼片
我一直都不爱吃生鱼片。第一次觉得这玩意好吃并且吃了很多份竟然是在丽江市区里的一家鱼肉火锅店。想到这里我就觉得自己很土鳖很土鳖。第一天的行程很无聊，茶马古道+拉市海+束河。好在今天有生鱼片：

2，临河的咖啡吧。
到丽江如果不去什么咖啡吧酒吧坐坐那就是OUT了，这家咖啡吧是我一眼就相中的，因为他有个临河的小露台。

3，腊排骨
对于无肉不欢的人来说，腊排骨绝对算的上是美食。我们总共吃了2顿，第一次是在迪庆的丽香缘腊排骨，是我在丽江6天以来最让人怀念的一顿饭。一大锅松茸也就30（如果我没记错的话），耗牛火锅也超级赞。

第二顿是在丽江象山市场的玉洁腊排骨，据同团的吃货说，这家是丽江最好吃的了。看，整锅都是腊排骨，就是吃多了有点腻。

4，高原反应
发之前朋友交代说要带上红景天，以防高原反应。全程中唯一感觉到高原缺氧的就是在普达措碧塔海的那段行程了。高原爬坡真不易啊，好在我们够怕死， 不仅吃了红景天还自备了氧气瓶。。

5，雪山
出发前我们的原计划是去梅里雪山的，结果正在检修去不了。加上行李被晚到，而错过了6天以来唯一一趟适合我们去玉龙雪山的班车。只好改道去不怎么听说过的石卡。
下缆车后，需要徒步200米才能到到石卡雪山山顶。那一天大雾，山顶的能见度大概不到5米。大风夹着雪花，打在脸上生疼生疼，压根没法正面对着风向。什么都看不到，只有变态的风雪和白茫茫的雾。才200米的距离，我们的脸和脚趾就已经冻的失去了知觉，匆忙拍两张照片证明到此一游就迅速逃离了。那应该是我长这么大经历过最恶劣的自然环境了吧。而关于雪山，我的脑海中只留下白茫茫的印象。回到北京上网查了一下别人照的石卡雪山，发觉自己就像没到过一样。。。泪奔啊~~~

6，纳帕海
没有恶劣的自然环境，也没有高原反应。此行最让我们心旷神怡的景点就是纳帕海。虽然该是草原的它一根草都还没长出来。- -!!
 
7，客栈
最后一晚，托同团一个MM的福，我们从香格里拉回来后得以住到一家性价比超高的观景客栈。算是一个完美的ENDING吧。
房间外的观景台：
 
客栈的院子


老肥会很愿意看到这一段，因为我发现：出去玩不用带那么多东西也能玩的好好的。。在行李丢失的第一天，我连换洗的衣衫都没有，依旧活的好好的。。5.1我们要去泰山玩啦，提醒自己少带东西！！少带东西！！
]]></description>
			<content:encoded><![CDATA[<p><span>丽江在我脑海中的印象是“很商业”，出行前一直很纠结去还是不去。到了以后发现如我所料，我和老肥都对这个闻名遐迩的古城无感啊。途中不可抗拒的各种意外导致我们原本的旅行计划突变；加上这个季节也实在不适合到香格里拉游玩。总之不得不承认这趟远门出的不太值得啊。不过我们终究还是得以短暂逃离了忙碌的生活。过了几天没有邮件，没有项目，脱离互联网的生活。代价就是回来以后老肥用了3个小时才把所有的邮件处理完。。哈哈<br />
</span></p>
<p><span id="more-524"></span></p>
<p><span>1，生鱼片<br />
我一直都不爱吃生鱼片。第一次觉得这玩意好吃并且吃了很多份竟然是在丽江市区里的一家鱼肉火锅店。想到这里我就觉得自己很土鳖很土鳖。第一天的行程很无聊，茶马古道+拉市海+束河。好在今天有生鱼片：<br />
<img class="alignnone" title="生鱼片" src="http://farm5.static.flickr.com/4041/4496725406_510fa51251_o.jpg" alt="" width="500" height="667" /></span></p>
<p><span><span style="color: #000000;">2，临河的咖啡吧。<br />
到丽江如果不去什么咖啡吧酒吧坐坐那就是OUT了，这家咖啡吧是我一眼就相中的，因为他有个临河的小露台。</span></span></p>
<p><span><span style="color: #000000;"><img class="alignnone" title="咖啡吧外的风景" src="http://farm5.static.flickr.com/4016/4496088275_0da29b2ed0_o.jpg" alt="" width="500" height="667" /></span></span></p>
<p><span>3，腊排骨<br />
</span><span style="font-size: xx-small;">对于无肉不欢的人来说，腊排骨绝对算的上是美食。我们总共吃了2顿，第一次是在迪庆的丽香缘腊排骨，是我在丽江6天以来最让人怀念的一顿饭。一大锅松茸也就30（如果我没记错的话），耗牛火锅也超级赞。<br />
<img class="alignnone" title="丽香缘腊排骨火锅" src="http://farm5.static.flickr.com/4030/4502225655_b94f1da5ea_o.jpg" alt="" width="500" height="375" /></span></p>
<p><span>第二顿是在丽江象山市场的玉洁腊排骨，据同团的吃货说，这家是丽江最好吃的了。看，整锅都是腊排骨，就是吃多了有点腻。</span></p>
<p><span style="font-size: xx-small;"><img class="alignnone" title="玉洁腊排骨" src="http://farm3.static.flickr.com/2038/4510482822_eb293d7c11_o.jpg" alt="" width="500" height="375" /></span></p>
<p><span>4，高原反应<br />
发之前朋友交代说要带上红景天，以防高原反应。全程中唯一感觉到高原缺氧的就是在普达措碧塔海的那段行程了。高原爬坡真不易啊，好在我们够怕死， 不仅吃了红景天还自备了氧气瓶。。<br />
<img class="alignnone" title="普达措森林公园" src="http://farm3.static.flickr.com/2710/4507787772_841388b31f_o.jpg" alt="" width="500" height="667" /></span></p>
<p>5，雪山</p>
<p><span>出发前我们的原计划是去梅里雪山的，结果正在检修去不了。加上行李被晚到，而错过了6天以来唯一一趟适合我们去玉龙雪山的班车。只好改道去不怎么听说过的石卡。<br />
下缆车后，需要徒步200米才能到到石卡雪山山顶。那一天大雾，山顶的能见度大概不到5米。大风夹着雪花，打在脸上生疼生疼，压根没法正面对着风向。什么都看不到，只有变态的风雪和白茫茫的雾。才200米的距离，我们的脸和脚趾就已经冻的失去了知觉，匆忙拍两张照片证明到此一游就迅速逃离了。那应该是我长这么大经历过最恶劣的自然环境了吧。而关于雪山，我的脑海中只留下白茫茫的印象。回到北京上网查了一下别人照的石卡雪山，发觉自己就像没到过一样。。。泪奔啊~~~<br />
<img class="alignnone" title="石卡雪山顶" src="http://farm5.static.flickr.com/4051/4508138690_5d99ddcfcf_o.jpg" alt="" width="500" height="667" /></span></p>
<p><span>6，纳帕海<br />
没有恶劣的自然环境，也没有高原反应。此行最让我们心旷神怡的景点就是纳帕海。虽然该是草原的它一根草都还没长出来。- -!!<br />
<img class="alignnone" title="纳帕海" src="http://farm5.static.flickr.com/4018/4508139260_515e792ef5_o.jpg" alt="" width="500" height="375" /> </span></p>
<p><span>7，客栈<br />
最后一晚，托同团一个MM的福，我们从香格里拉回来后得以住到一家性价比超高的观景客栈。算是一个完美的ENDING吧。</span></p>
<p><span>房间外的观景台：<br />
<img class="alignnone" title="客栈房间外的观景台" src="http://farm3.static.flickr.com/2343/4510482892_b48a5f4ef7_o.jpg" alt="" width="500" height="375" /> </span></p>
<p><span>客栈的院子</span></p>
<p><span><img class="alignnone" title="客栈的院子" src="http://farm3.static.flickr.com/2094/4510483060_f77f8f59d5_o.jpg" alt="" width="500" height="667" /></span></p>
<p><span><br />
老肥会很愿意看到这一段，因为我发现：出去玩不用带那么多东西也能玩的好好的。。在行李丢失的第一天，我连换洗的衣衫都没有，依旧活的好好的。。5.1我们要去泰山玩啦，提醒自己少带东西！！少带东西！！</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=524</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>BANNER二三事</title>
		<link>http://www.xiaoduo.net/?p=494</link>
		<comments>http://www.xiaoduo.net/?p=494#comments</comments>
		<pubDate>Fri, 25 Sep 2009 09:14:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[体验日志]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[眼动仪]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=494</guid>
		<description><![CDATA[看到几篇写banner设计的文章。考量角度是BANNER的转化率和视觉引导，和美不美无关。。。
第一个：利用BANNER中人物的视线引导用户。
第二个：广告链接到和其内容相符的页面，可以减少页面跳出率。
第三个：用户基本不看你的BANNER]]></description>
			<content:encoded><![CDATA[<p>看到几篇写banner设计的文章。考量角度是BANNER的转化率和视觉引导，和美不美无关。。。</p>
<p>第一个观点是：<strong>利用BANNER中人物的视线引导用户</strong>。<br />
下图是利用眼动仪测试的两张不同BANNER的效果。<br />
很明显，图2的主体文字部分受到的更多的关注.<br />
<span id="more-494"></span><br />
<img class="alignnone" src="http://farm4.static.flickr.com/3454/3952210479_f62b01cf82_o.jpg" alt="" width="514" height="894" /></p>
<p class="MsoNormal"><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves /> <w:TrackFormatting /> <w:PunctuationKerning /> <w:DrawingGridVerticalSpacing>7.8 磅</w:DrawingGridVerticalSpacing> <w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery> <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery> <w:ValidateAgainstSchemas /> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF /> <w:LidThemeOther>EN-US</w:LidThemeOther> <w:LidThemeAsian>ZH-CN</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:SpaceForUL /> <w:BalanceSingleByteDoubleByteWidth /> <w:DoNotLeaveBackslashAlone /> <w:ULTrailSpace /> <w:DoNotExpandShiftReturn /> <w:AdjustLineHeightInTable /> <w:BreakWrappedTables /> <w:SnapToGridInCell /> <w:WrapTextWithPunct /> <w:UseAsianBreakRules /> <w:DontGrowAutofit /> <w:SplitPgBreakAndParaMark /> <w:DontVertAlignCellWithSp /> <w:DontBreakConstrainedForcedTables /> <w:DontVertAlignInTxbx /> <w:Word11KerningPairs /> <w:CachedColBalance /> <w:UseFELayout /> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math" /> <m:brkBin m:val="before" /> <m:brkBinSub m:val=" " /> <m:smallFrac m:val="off" /> <m:dispDef /> <m:lMargin m:val="0" /> <m:rMargin m:val="0" /> <m:defJc m:val="centerGroup" /> <m:wrapIndent m:val="1440" /> <m:intLim m:val="subSup" /> <m:naryLim m:val="undOvr" /> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"   DefSemiHidden="true" DefQFormat="false" DefPriority="99"   LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Normal" /> <w:LsdException Locked="false" Priority="9" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="heading 1" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9" /> <w:LsdException Locked="false" Priority="39" Name="toc 1" /> <w:LsdException Locked="false" Priority="39" Name="toc 2" /> <w:LsdException Locked="false" Priority="39" Name="toc 3" /> <w:LsdException Locked="false" Priority="39" Name="toc 4" /> <w:LsdException Locked="false" Priority="39" Name="toc 5" /> <w:LsdException Locked="false" Priority="39" Name="toc 6" /> <w:LsdException Locked="false" Priority="39" Name="toc 7" /> <w:LsdException Locked="false" Priority="39" Name="toc 8" /> <w:LsdException Locked="false" Priority="39" Name="toc 9" /> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption" /> <w:LsdException Locked="false" Priority="10" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Title" /> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font" /> <w:LsdException Locked="false" Priority="11" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtitle" /> <w:LsdException Locked="false" Priority="22" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Strong" /> <w:LsdException Locked="false" Priority="20" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Emphasis" /> <w:LsdException Locked="false" Priority="59" SemiHidden="false"    UnhideWhenUsed="false" Name="Table Grid" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text" /> <w:LsdException Locked="false" Priority="1" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="No Spacing" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 1" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 1" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 1" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 1" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision" /> <w:LsdException Locked="false" Priority="34" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="List Paragraph" /> <w:LsdException Locked="false" Priority="29" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Quote" /> <w:LsdException Locked="false" Priority="30" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Quote" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 1" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 1" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 1" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 1" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 1" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 2" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 2" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 2" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 2" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 2" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 2" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 2" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 2" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 3" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 3" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 3" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 3" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 3" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 3" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 3" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 3" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 3" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 4" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 4" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 4" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 4" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 4" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 4" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 4" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 4" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 4" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 5" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 5" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 5" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 5" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 5" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 5" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 5" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 5" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 5" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 6" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 6" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 6" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 6" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 6" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 6" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 6" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 6" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 6" /> <w:LsdException Locked="false" Priority="19" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis" /> <w:LsdException Locked="false" Priority="21" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis" /> <w:LsdException Locked="false" Priority="31" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference" /> <w:LsdException Locked="false" Priority="32" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Reference" /> <w:LsdException Locked="false" Priority="33" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Book Title" /> <w:LsdException Locked="false" Priority="37" Name="Bibliography" /> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading" /> </w:LatentStyles> </xml><![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:宋体; 	panose-1:2 1 6 0 3 1 1 1 1 1; 	mso-font-alt:SimSun; 	mso-font-charset:134; 	mso-generic-font-family:auto; 	mso-font-pitch:variable; 	mso-font-signature:3 135135232 16 0 262145 0;} @font-face 	{font-family:"Cambria Math"; 	panose-1:0 0 0 0 0 0 0 0 0 0; 	mso-font-charset:1; 	mso-generic-font-family:roman; 	mso-font-format:other; 	mso-font-pitch:variable; 	mso-font-signature:0 0 0 0 0 0;} @font-face 	{font-family:Calibri; 	panose-1:2 15 5 2 2 2 4 3 2 4; 	mso-font-charset:0; 	mso-generic-font-family:swiss; 	mso-font-pitch:variable; 	mso-font-signature:-1610611985 1073750139 0 0 159 0;} @font-face 	{font-family:"\@宋体"; 	panose-1:2 1 6 0 3 1 1 1 1 1; 	mso-font-charset:134; 	mso-generic-font-family:auto; 	mso-font-pitch:variable; 	mso-font-signature:3 135135232 16 0 262145 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-unhide:no; 	mso-style-qformat:yes; 	mso-style-parent:""; 	margin:0cm; 	margin-bottom:.0001pt; 	text-align:justify; 	text-justify:inter-ideograph; 	mso-pagination:widow-orphan; 	font-size:10.5pt; 	font-family:"Calibri","sans-serif"; 	mso-fareast-font-family:宋体; 	mso-bidi-font-family:宋体;} a:link, span.MsoHyperlink 	{mso-style-priority:99; 	color:blue; 	text-decoration:underline; 	text-underline:single;} a:visited, span.MsoHyperlinkFollowed 	{mso-style-noshow:yes; 	mso-style-priority:99; 	color:purple; 	mso-themecolor:followedhyperlink; 	text-decoration:underline; 	text-underline:single;} .MsoChpDefault 	{mso-style-type:export-only; 	mso-default-props:yes; 	font-size:10.0pt; 	mso-ansi-font-size:10.0pt; 	mso-bidi-font-size:10.0pt; 	mso-ascii-font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman"; 	mso-hansi-font-family:"Times New Roman"; 	mso-font-kerning:0pt;}  /* Page Definitions */  @page 	{mso-page-border-surround-header:no; 	mso-page-border-surround-footer:no;} @page Section1 	{size:612.0pt 792.0pt; 	margin:72.0pt 90.0pt 72.0pt 90.0pt; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --><!--[if gte mso 10]> <mce:style><!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:普通表格; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-priority:99; 	mso-style-qformat:yes; 	mso-style-parent:""; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.5pt; 	mso-bidi-font-size:11.0pt; 	font-family:"Calibri","sans-serif"; 	mso-ascii-font-family:Calibri; 	mso-ascii-theme-font:minor-latin; 	mso-fareast-font-family:宋体; 	mso-fareast-theme-font:minor-fareast; 	mso-hansi-font-family:Calibri; 	mso-hansi-theme-font:minor-latin; 	mso-bidi-font-family:"Times New Roman"; 	mso-bidi-theme-font:minor-bidi; 	mso-font-kerning:1.0pt;} --> <!--[endif]--><span lang="EN-US">Smashingmagazine </span><span style="font-family: 宋体;">在这篇文章的下方放了一个这样的</span><span lang="EN-US">BANNER:</span><br />
<img class="alignnone" src="http://creatives.commindo-media.de/www/images/099bbad821c9968faca2d95e7e213719.gif" alt="" width="468" height="90" /><span lang="EN-US">^_^</span><span style="font-family: 宋体;">学以致用啊。</span></p>
<p><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves /> <w:TrackFormatting /> <w:PunctuationKerning /> <w:DrawingGridVerticalSpacing>7.8 磅</w:DrawingGridVerticalSpacing> <w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery> <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery> <w:ValidateAgainstSchemas /> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF /> <w:LidThemeOther>EN-US</w:LidThemeOther> <w:LidThemeAsian>ZH-CN</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:SpaceForUL /> <w:BalanceSingleByteDoubleByteWidth /> <w:DoNotLeaveBackslashAlone /> <w:ULTrailSpace /> <w:DoNotExpandShiftReturn /> <w:AdjustLineHeightInTable /> <w:BreakWrappedTables /> <w:SnapToGridInCell /> <w:WrapTextWithPunct /> <w:UseAsianBreakRules /> <w:DontGrowAutofit /> <w:SplitPgBreakAndParaMark /> <w:DontVertAlignCellWithSp /> <w:DontBreakConstrainedForcedTables /> <w:DontVertAlignInTxbx /> <w:Word11KerningPairs /> <w:CachedColBalance /> <w:UseFELayout /> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math" /> <m:brkBin m:val="before" /> <m:brkBinSub m:val=" " /> <m:smallFrac m:val="off" /> <m:dispDef /> <m:lMargin m:val="0" /> <m:rMargin m:val="0" /> <m:defJc m:val="centerGroup" /> <m:wrapIndent m:val="1440" /> <m:intLim m:val="subSup" /> <m:naryLim m:val="undOvr" /> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"   DefSemiHidden="true" DefQFormat="false" DefPriority="99"   LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Normal" /> <w:LsdException Locked="false" Priority="9" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="heading 1" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9" /> <w:LsdException Locked="false" Priority="39" Name="toc 1" /> <w:LsdException Locked="false" Priority="39" Name="toc 2" /> <w:LsdException Locked="false" Priority="39" Name="toc 3" /> <w:LsdException Locked="false" Priority="39" Name="toc 4" /> <w:LsdException Locked="false" Priority="39" Name="toc 5" /> <w:LsdException Locked="false" Priority="39" Name="toc 6" /> <w:LsdException Locked="false" Priority="39" Name="toc 7" /> <w:LsdException Locked="false" Priority="39" Name="toc 8" /> <w:LsdException Locked="false" Priority="39" Name="toc 9" /> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption" /> <w:LsdException Locked="false" Priority="10" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Title" /> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font" /> <w:LsdException Locked="false" Priority="11" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtitle" /> <w:LsdException Locked="false" Priority="22" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Strong" /> <w:LsdException Locked="false" Priority="20" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Emphasis" /> <w:LsdException Locked="false" Priority="59" SemiHidden="false"    UnhideWhenUsed="false" Name="Table Grid" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text" /> <w:LsdException Locked="false" Priority="1" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="No Spacing" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 1" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 1" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 1" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 1" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision" /> <w:LsdException Locked="false" Priority="34" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="List Paragraph" /> <w:LsdException Locked="false" Priority="29" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Quote" /> <w:LsdException Locked="false" Priority="30" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Quote" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 1" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 1" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 1" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 1" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 1" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 2" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 2" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 2" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 2" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 2" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 2" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 2" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 2" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 3" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 3" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 3" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 3" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 3" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 3" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 3" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 3" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 3" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 4" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 4" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 4" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 4" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 4" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 4" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 4" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 4" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 4" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 5" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 5" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 5" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 5" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 5" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 5" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 5" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 5" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 5" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 6" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 6" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 6" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 6" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 6" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 6" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 6" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 6" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 6" /> <w:LsdException Locked="false" Priority="19" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis" /> <w:LsdException Locked="false" Priority="21" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis" /> <w:LsdException Locked="false" Priority="31" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference" /> <w:LsdException Locked="false" Priority="32" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Reference" /> <w:LsdException Locked="false" Priority="33" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Book Title" /> <w:LsdException Locked="false" Priority="37" Name="Bibliography" /> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading" /> </w:LatentStyles> </xml><![endif]--><!--[if gte mso 10]> <mce:style><!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:普通表格; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-priority:99; 	mso-style-qformat:yes; 	mso-style-parent:""; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.5pt; 	mso-bidi-font-size:11.0pt; 	font-family:"Calibri","sans-serif"; 	mso-ascii-font-family:Calibri; 	mso-ascii-theme-font:minor-latin; 	mso-fareast-font-family:宋体; 	mso-fareast-theme-font:minor-fareast; 	mso-hansi-font-family:Calibri; 	mso-hansi-theme-font:minor-latin; 	mso-bidi-font-family:"Times New Roman"; 	mso-bidi-theme-font:minor-bidi; 	mso-font-kerning:1.0pt;} --> <!--[endif]--></p>
<p>第二个观点是：<strong><span style="font-family: 宋体;">广告链接到和其内容相符的页面，可以减少页面跳出率。</span></strong><span style="font-family: 宋体;"><br />
下图是同一个广告到不同的两组页面的跳出率测试：<br />
图</span><span lang="EN-US">1</span><span style="font-family: 宋体;">是链接到搜索结果页，图</span><span lang="EN-US">2</span><span style="font-family: 宋体;">是链接到更匹配的电钻页，跳出率减少了</span><span lang="EN-US">20%</span><span style="font-family: 宋体;"> 。<br />
如果广告主投放广告是按照点击付费的，无疑后者会给他带来更多的收益。<br />
</span><img class="alignnone" src="http://farm4.static.flickr.com/3473/3952202535_6619f86c17_o.jpg" alt="" width="514" height="1144" /></p>
<p class="MsoNormal"><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves /> <w:TrackFormatting /> <w:PunctuationKerning /> <w:DrawingGridVerticalSpacing>7.8 磅</w:DrawingGridVerticalSpacing> <w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery> <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery> <w:ValidateAgainstSchemas /> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF /> <w:LidThemeOther>EN-US</w:LidThemeOther> <w:LidThemeAsian>ZH-CN</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:SpaceForUL /> <w:BalanceSingleByteDoubleByteWidth /> <w:DoNotLeaveBackslashAlone /> <w:ULTrailSpace /> <w:DoNotExpandShiftReturn /> <w:AdjustLineHeightInTable /> <w:BreakWrappedTables /> <w:SnapToGridInCell /> <w:WrapTextWithPunct /> <w:UseAsianBreakRules /> <w:DontGrowAutofit /> <w:SplitPgBreakAndParaMark /> <w:DontVertAlignCellWithSp /> <w:DontBreakConstrainedForcedTables /> <w:DontVertAlignInTxbx /> <w:Word11KerningPairs /> <w:CachedColBalance /> <w:UseFELayout /> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math" /> <m:brkBin m:val="before" /> <m:brkBinSub m:val=" " /> <m:smallFrac m:val="off" /> <m:dispDef /> <m:lMargin m:val="0" /> <m:rMargin m:val="0" /> <m:defJc m:val="centerGroup" /> <m:wrapIndent m:val="1440" /> <m:intLim m:val="subSup" /> <m:naryLim m:val="undOvr" /> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"   DefSemiHidden="true" DefQFormat="false" DefPriority="99"   LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Normal" /> <w:LsdException Locked="false" Priority="9" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="heading 1" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8" /> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9" /> <w:LsdException Locked="false" Priority="39" Name="toc 1" /> <w:LsdException Locked="false" Priority="39" Name="toc 2" /> <w:LsdException Locked="false" Priority="39" Name="toc 3" /> <w:LsdException Locked="false" Priority="39" Name="toc 4" /> <w:LsdException Locked="false" Priority="39" Name="toc 5" /> <w:LsdException Locked="false" Priority="39" Name="toc 6" /> <w:LsdException Locked="false" Priority="39" Name="toc 7" /> <w:LsdException Locked="false" Priority="39" Name="toc 8" /> <w:LsdException Locked="false" Priority="39" Name="toc 9" /> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption" /> <w:LsdException Locked="false" Priority="10" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Title" /> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font" /> <w:LsdException Locked="false" Priority="11" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtitle" /> <w:LsdException Locked="false" Priority="22" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Strong" /> <w:LsdException Locked="false" Priority="20" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Emphasis" /> <w:LsdException Locked="false" Priority="59" SemiHidden="false"    UnhideWhenUsed="false" Name="Table Grid" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text" /> <w:LsdException Locked="false" Priority="1" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="No Spacing" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 1" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 1" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 1" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 1" /> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision" /> <w:LsdException Locked="false" Priority="34" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="List Paragraph" /> <w:LsdException Locked="false" Priority="29" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Quote" /> <w:LsdException Locked="false" Priority="30" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Quote" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 1" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 1" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 1" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 1" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 1" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 2" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 2" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 2" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 2" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 2" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 2" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 2" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 2" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 2" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 3" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 3" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 3" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 3" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 3" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 3" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 3" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 3" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 3" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 4" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 4" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 4" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 4" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 4" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 4" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 4" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 4" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 4" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 5" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 5" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 5" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 5" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 5" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 5" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 5" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 5" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 5" /> <w:LsdException Locked="false" Priority="60" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Shading Accent 6" /> <w:LsdException Locked="false" Priority="61" SemiHidden="false"    UnhideWhenUsed="false" Name="Light List Accent 6" /> <w:LsdException Locked="false" Priority="62" SemiHidden="false"    UnhideWhenUsed="false" Name="Light Grid Accent 6" /> <w:LsdException Locked="false" Priority="63" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6" /> <w:LsdException Locked="false" Priority="64" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6" /> <w:LsdException Locked="false" Priority="65" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 1 Accent 6" /> <w:LsdException Locked="false" Priority="66" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium List 2 Accent 6" /> <w:LsdException Locked="false" Priority="67" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6" /> <w:LsdException Locked="false" Priority="68" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6" /> <w:LsdException Locked="false" Priority="69" SemiHidden="false"    UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6" /> <w:LsdException Locked="false" Priority="70" SemiHidden="false"    UnhideWhenUsed="false" Name="Dark List Accent 6" /> <w:LsdException Locked="false" Priority="71" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Shading Accent 6" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful List Accent 6" /> <w:LsdException Locked="false" Priority="73" SemiHidden="false"    UnhideWhenUsed="false" Name="Colorful Grid Accent 6" /> <w:LsdException Locked="false" Priority="19" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis" /> <w:LsdException Locked="false" Priority="21" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis" /> <w:LsdException Locked="false" Priority="31" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference" /> <w:LsdException Locked="false" Priority="32" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Intense Reference" /> <w:LsdException Locked="false" Priority="33" SemiHidden="false"    UnhideWhenUsed="false" QFormat="true" Name="Book Title" /> <w:LsdException Locked="false" Priority="37" Name="Bibliography" /> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading" /> </w:LatentStyles> </xml><![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:宋体; 	panose-1:2 1 6 0 3 1 1 1 1 1; 	mso-font-alt:SimSun; 	mso-font-charset:134; 	mso-generic-font-family:auto; 	mso-font-pitch:variable; 	mso-font-signature:3 135135232 16 0 262145 0;} @font-face 	{font-family:"Cambria Math"; 	panose-1:0 0 0 0 0 0 0 0 0 0; 	mso-font-charset:1; 	mso-generic-font-family:roman; 	mso-font-format:other; 	mso-font-pitch:variable; 	mso-font-signature:0 0 0 0 0 0;} @font-face 	{font-family:Calibri; 	panose-1:2 15 5 2 2 2 4 3 2 4; 	mso-font-charset:0; 	mso-generic-font-family:swiss; 	mso-font-pitch:variable; 	mso-font-signature:-1610611985 1073750139 0 0 159 0;} @font-face 	{font-family:"\@宋体"; 	panose-1:2 1 6 0 3 1 1 1 1 1; 	mso-font-charset:134; 	mso-generic-font-family:auto; 	mso-font-pitch:variable; 	mso-font-signature:3 135135232 16 0 262145 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-unhide:no; 	mso-style-qformat:yes; 	mso-style-parent:""; 	margin:0cm; 	margin-bottom:.0001pt; 	text-align:justify; 	text-justify:inter-ideograph; 	mso-pagination:widow-orphan; 	font-size:10.5pt; 	font-family:"Calibri","sans-serif"; 	mso-fareast-font-family:宋体; 	mso-bidi-font-family:宋体;} a:link, span.MsoHyperlink 	{mso-style-priority:99; 	color:blue; 	text-decoration:underline; 	text-underline:single;} a:visited, span.MsoHyperlinkFollowed 	{mso-style-noshow:yes; 	mso-style-priority:99; 	color:purple; 	mso-themecolor:followedhyperlink; 	text-decoration:underline; 	text-underline:single;} .MsoChpDefault 	{mso-style-type:export-only; 	mso-default-props:yes; 	font-size:10.0pt; 	mso-ansi-font-size:10.0pt; 	mso-bidi-font-size:10.0pt; 	mso-ascii-font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman"; 	mso-hansi-font-family:"Times New Roman"; 	mso-font-kerning:0pt;}  /* Page Definitions */  @page 	{mso-page-border-surround-header:no; 	mso-page-border-surround-footer:no;} @page Section1 	{size:612.0pt 792.0pt; 	margin:72.0pt 90.0pt 72.0pt 90.0pt; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --><!--[if gte mso 10]> <mce:style><!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:普通表格; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-priority:99; 	mso-style-qformat:yes; 	mso-style-parent:""; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.5pt; 	mso-bidi-font-size:11.0pt; 	font-family:"Calibri","sans-serif"; 	mso-ascii-font-family:Calibri; 	mso-ascii-theme-font:minor-latin; 	mso-fareast-font-family:宋体; 	mso-fareast-theme-font:minor-fareast; 	mso-hansi-font-family:Calibri; 	mso-hansi-theme-font:minor-latin; 	mso-bidi-font-family:"Times New Roman"; 	mso-bidi-theme-font:minor-bidi; 	mso-font-kerning:1.0pt;} --></p>
<p class="MsoNormal">当然这一切都建立在用户愿意看你的BANNER的基础上，因为广告常常被用户主动忽略。<br />
随笔做的记录，收集的很不完整。欢迎补充的。。。^_^</p>
<p class="MsoNormal"><strong>参考文章：</strong><br />
<a href="http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/" target="_blank">http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/</a><br />
<a href="http://blog.gexiaofei.com/google-tip-for-website-convertion/" target="_blank">http://blog.gexiaofei.com/google-tip-for-website-convertion/</p>
<p>http://www.useit.com/alertbox/banner-blindness.html</p>
<p></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=494</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>速读速度！！</title>
		<link>http://www.xiaoduo.net/?p=457</link>
		<comments>http://www.xiaoduo.net/?p=457#comments</comments>
		<pubDate>Thu, 24 Sep 2009 09:27:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[阅读时光]]></category>
		<category><![CDATA[学习方法]]></category>
		<category><![CDATA[阅读技巧]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=457</guid>
		<description><![CDATA[陆陆续续翻完了《WEB信息架构》，可惜的是它给我带来的收获和我投入的时间是远不成正比的。
这让我想要训练自己速读能力。上网翻了些关于速读的资料记录如下：

指导思想：
读书要快，在速读里有一句话：你学得少，不是因为你看得快，而是因为你看得慢。

速读四部曲：
首先，是快速的读完，同时划出不明白的，或重要的。
然后，写出问题。
再次，带着问题阅读。
最后，自问自答。

 具体的方法：
1. 预读－－用来对付又长又艰深的阅读材料。
不论是什么文章，先看一下开始两大段，接下来看每段的第一句话，最后看一下末尾两大段
2. 略读——应用于短小简单的文章。
想象你的两只眼睛是两块磁铁，强迫它们很快地在每行字上扫过，每行只去注意几个关键的词（适合读报）。
3. 组读——满足那些既要高速度，又要高效率的人们。
练习使你的眼睛能够在一瞥中同时看到3~4个字。(目前觉得这个方法比较适合我)
 
小技巧：
1.明确阅读目的
看一本书，如果想学点啥，你是需要有目的的，你的阅读，要围着你的目的跑。
最好在纸上写下具体的阅读目标，习惯应用后会节省大量时间。
2. 给图书做上记号。
这样做方便重读的时候找到重要的篇章，可以分为：重要、参考资料、不必读。
重要的篇章可以重复阅读。
3. 寻找中心句
中心句通常出现在文章的开头、末尾、中间
4. 注意标题和目录
到一本书先熟悉一下目录，看看哪些章节是自己不明白的，就看不明白的章节。
只有这样，才能减少时间的浪费与提高阅读的效率。
5. 迂回包抄
不懂的，就跳过去。说不定，看了后面的，前面不懂的，就懂了

谢谢战隼的学习探索，以上所有小技巧都是上面看来的。
PS:翻看了下豆瓣，发现我每个月的阅读量充其量只能到5-7本而已。
留意十月份读书的速度。。嘎嘎～加油！
]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">陆陆续续翻完了《WEB信息架构》，可惜的是它给我带来的收获和我投入的时间是远不成正比的。<br />
这让我想要训练自己速读能力。上网翻了些关于速读的资料记录如下：</span></p>
<p><span style="color: #000000;"><br />
<strong>指导思想：</strong><br />
</span><span style="color: #000000;"><strong><span style="color: #ff0000;">读书要快</span></strong>，</span><span style="color: #000000;">在速读里有一句话：你学得少，不是因为你看得快，而是因为你看得慢。</span></p>
<p><strong><span style="color: #000000;"><br />
速读四部曲</span></strong><span style="color: #000000;">：<br />
首先，是快速的读完，同时划出不明白的，或重要的。<br />
然后，写出问题。<br />
再次，带着问题阅读。<br />
最后，自问自答。</span></p>
<p><span id="more-457"></span><br />
<span style="color: #000000;"> <strong>具体的方法：</strong></span><span style="color: #000000;"><br />
<span style="color: #000000;"><span><span style="color: #3366ff;">1. 预读</span>－－用来对付又长又艰深的阅读材料。</span></span></span><span style="color: #000000;"><br />
不论是什么文章，先看一下开始两大段，接下来看每段的第一句话，最后看一下末尾两大段</span><span style="color: #000000;"><br />
<span style="color: #000000;"><span style="color: #3366ff;">2. 略读</span>——应用于短小简单的文章。</span></span><span style="color: #000000;"><br />
想象你的两只眼睛是两块磁铁，强迫它们很快地在每行字上扫过，每行只去注意几个关键的词（适合读报）</span><span style="color: #000000;">。<br />
<span style="color: #000000;"><span style="color: #3366ff;">3. 组读</span>——满足那些既要高速度，又要高效率的人们。</span></span><span style="color: #000000;"><br />
练习使你的眼睛能够在一瞥中同时看到3~4个字。(目前觉得这个方法比较适合我)</span></p>
<p><span style="color: #000000;"> <strong><br />
小技巧：</strong></span><span style="color: #000000;"><br />
</span><span style="color: #000000;"><span style="color: #3366ff;"><span>1.明确阅读目的</span></span><br />
看一本书，如果想学点啥，你是需要有目的的，你的阅读，要围着你的目的跑。<br />
最好在纸上写下具体的阅读目标，习惯应用后会节省大量时间。</span><span style="color: #000000;"><br />
<span style="color: #3366ff;">2. 给图书做上记号。</span></span><span style="color: #000000;"><br />
这样做方便重读的时候找到重要的篇章，可以分为：重要、参考资料、不必读。<br />
重要的篇章可以重复阅读。</span><span style="color: #000000;"><br />
<span style="color: #3366ff;">3. 寻找中心句</span></span><span style="color: #000000;"><br />
中心句通常出现在文章的开头、末尾、中间</span><span style="color: #000000;"><br />
<span style="color: #3366ff;">4. 注意标题和目录</span></span><span style="color: #000000;"><br />
到一本书先熟悉一下目录，看看哪些章节是自己不明白的，就看不明白的章节。<br />
只有这样，才能减少时间的浪费与提高阅读的效率。<br />
</span><span style="color: #3366ff;">5. 迂回包抄</span><span style="color: #000000;"><br />
不懂的，就跳过去。说不定，看了后面的，前面不懂的，就懂了</span></p>
<p><span style="color: #000000;"><br />
谢谢<a href="http://www.read.org.cn/" target="_blank">战隼的学习探索</a>，以上所有小技巧都是上面看来的。<br />
PS:翻看了下豆瓣，发现我每个月的阅读量充其量只能到5-7本而已。<br />
留意十月份读书的速度。。嘎嘎～加油！</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=457</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>阿炮大排档</title>
		<link>http://www.xiaoduo.net/?p=450</link>
		<comments>http://www.xiaoduo.net/?p=450#comments</comments>
		<pubDate>Sat, 19 Sep 2009 04:54:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[厨娘小多]]></category>
		<category><![CDATA[幸福生活]]></category>
		<category><![CDATA[美食]]></category>
		<category><![CDATA[阿炮]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=450</guid>
		<description><![CDATA[主角阿炮，是老肥的妈咪^_^.
SHOW下阿炮大排档今天的海鲜大餐：



外加一碗蛏子汤。。嘎嘎
下面这份是……

某种食材被阿炮炸得面目全非，味道很赞很赞！！
入选为小多乔迁之喜的悬念菜肴，介个鬼东西到底是啥捏？？HIAHIA~
]]></description>
			<content:encoded><![CDATA[<p>主角阿炮，是老肥的妈咪^_^.<br />
SHOW下阿炮大排档今天的海鲜大餐：</p>
<p><img class="alignnone" title="螃蟹" src="http://farm4.static.flickr.com/3425/3933494152_044eb55a8f.jpg" alt="" width="500" height="375" /><br />
<span id="more-450"></span><br />
<img class="alignnone" title="大闸蟹" src="http://farm3.static.flickr.com/2648/3932712077_65e1511410.jpg" alt="" width="500" height="375" /><br />
外加一碗蛏子汤。。嘎嘎</p>
<p>下面这份是……<br />
<img class="alignnone" title="悬念" src="http://farm3.static.flickr.com/2471/3933494028_ca05825445.jpg" alt="" width="500" height="375" /></p>
<p>某种食材被阿炮炸得面目全非，味道很赞很赞！！<br />
入选为小多乔迁之喜的悬念菜肴，介个鬼东西到底是啥捏？？HIAHIA~</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=450</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>IA学习笔记04：标签系统</title>
		<link>http://www.xiaoduo.net/?p=431</link>
		<comments>http://www.xiaoduo.net/?p=431#comments</comments>
		<pubDate>Tue, 18 Aug 2009 08:47:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[体验日志]]></category>
		<category><![CDATA[IA]]></category>
		<category><![CDATA[信息架构]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=431</guid>
		<description><![CDATA[之前写过的组织结构和组织体系都太抽象了，读到标签系统我才有那种“略懂”的感觉。哈哈…
书上提到的标签包括：
导航

情境式链接：
常见的“更多”这种用法就是非常典型的情景式链接了。
如左下图，更多指的是“更多推荐专辑”。而右下图中，更多代表的是“更多产品（服务）”。
由此可见，情境是链接所代表的意义和他所处的环境是有着密切的联系的。

 
标题：

索引术语：

回想我参与过的项目，此刻定义为标签的这些玩意常常是大伙拍脑袋想出来的。-_____-&#124;&#124;
书上很说了，建立一个标签系统要考虑如下内容：


统一性
这很容易理解，值得一提的是除了命名的统一以外还包含：风格、版面形式、语法、粒度
情境
从上面“更多”这个例子，应该就能看出情境对于标签的影响是巨大的。
因此想要标签有效，不能一味的强调统一性，还要考虑在不同情境下的灵活应用。
用户
确定网站面向的用户群，用户群会影响到标签系统的风格和范围。
扩展性
尽力去思考将来可能加进来的标签，这些未来才会出现的标签也会影响现有的标签系统。
有计划的调整和修改
任何一套标签系统都不是完美的，从建立的开始，就应该做好不断调整和修改的心理准备。

]]></description>
			<content:encoded><![CDATA[<p>之前写过的组织结构和组织体系都太抽象了，读到标签系统我才有那种“略懂”的感觉。哈哈…</p>
<p>书上提到的标签包括：<br />
<strong>导航</strong><br />
<img class="alignnone" title="导航" src="http://farm3.static.flickr.com/2545/3829003347_68c759e3b7.jpg" alt="" width="281" height="38" /><br />
<strong>情境式链接：</strong><br />
<span style="font-weight: normal;">常见的“更多”这种用法就是非常典型的情景式链接了。<br />
如左下图，更多指的是“更多推荐专辑”。而右下图中，更多代表的是“更多产品（服务）”。<br />
由此可见，情境是链接所代表的意义和他所处的环境是有着密切的联系的。<br />
<span id="more-431"></span><br />
<img class="alignnone" title="情境式链接01" src="http://farm3.static.flickr.com/2553/3830214520_e613a7f32c.jpg" alt="" width="301" height="112" /> <img class="alignnone" title="情境式链接02" src="http://farm4.static.flickr.com/3493/3830224048_09940be591.jpg" alt="" width="309" height="141" /><br />
<strong>标题：</strong><br />
<img class="alignnone" title="标题" src="http://farm3.static.flickr.com/2515/3830036072_0f072b921b.jpg" alt="" width="200" height="200" /><br />
<strong>索引术语：</strong><br />
<img class="alignnone" title="索引术语" src="http://farm3.static.flickr.com/2616/3830234430_03b7f5e407.jpg" alt="" width="342" height="31" /></span><br />
<span style="font-weight: normal;">回想我参与过的项目，此刻定义为标签的这些玩意常常是大伙拍脑袋想出来的。-_____-||</span><br />
<span style="font-weight: normal;">书上很说了，建立一个标签系统要考虑如下内容：<br />
</span></p>
<ul>
<li>统一性<br />
这很容易理解，值得一提的是除了命名的统一以外还包含：风格、版面形式、语法、粒度</li>
<li>情境<br />
从上面“更多”这个例子，应该就能看出情境对于标签的影响是巨大的。<br />
因此想要标签有效，不能一味的强调统一性，还要考虑在不同情境下的灵活应用。</li>
<li>用户<br />
确定网站面向的用户群，用户群会影响到标签系统的风格和范围。</li>
<li>扩展性<br />
尽力去思考将来可能加进来的标签，这些未来才会出现的标签也会影响现有的标签系统。</li>
<li>有计划的调整和修改<br />
任何一套标签系统都不是完美的，从建立的开始，就应该做好不断调整和修改的心理准备。</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=431</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>分支任务：从哪里来，回哪里去</title>
		<link>http://www.xiaoduo.net/?p=422</link>
		<comments>http://www.xiaoduo.net/?p=422#comments</comments>
		<pubDate>Fri, 14 Aug 2009 10:59:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[体验日志]]></category>
		<category><![CDATA[分支任务]]></category>
		<category><![CDATA[注册]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=422</guid>
		<description><![CDATA[今天老肥让我试试百度知道的新功能：插入地图。
该功能需要登录才能操作，因此我意外的发现百度用户登录的弹出层变了。

我很喜欢这个改进，利用TAB来组织登陆和注册这对于未注册用户有两个明显的好处：

提供了明显的注册入口。
在弹出层完成注册对原始任务流的干扰较少，换句话说也就是有利于注册完返回原来的任务。



相对同一个操作逻辑，我尝试操作了百度空间的【加为好友】。
先是弹出的是一个登陆层，并且提供一个注册新账号的链接：

接下来，点击【立即注册百度账号】到新页面注册，注册过程也很顺利。
注册成功后问题就来了。
百度空间就只顾着让我：指定空间地址，完善个人资料…（如下图）

那我添加好友的任务呢？
很明显，注册只是我添加好友任务中的分支任务。
然而我注册成功了就找不到原本要添加的好友了，注册流程再顺利又有什么用？
我认为，主任务流中的分支任务应该要严格遵循以下2个原则：
简单；从哪里来，回到那里去。
常规的注册流程完成后，很多网站都做了关于完善个人资料的引导，这完全没有问题。
但是如果注册作为分支任务，注册成功后最好的引导就是回到主任务流。
从这两个原则可以进一步思考分支任务在主任务流中的应用，例如全屏模式下看视频的时候，如何无干扰的进行评论？

这也让我再一次了解：充分考虑用户的使用情境、区分产品上下文环境是非常重要的。
即便是已经如此成熟的注册流程，一旦放进不同的上下文环境中，就有可能马上变成一个不好的体验。



]]></description>
			<content:encoded><![CDATA[<p>今天老肥让我试试百度知道的新功能：插入地图。<br />
该功能需要登录才能操作，因此我意外的发现百度用户登录的弹出层变了。<br />
<img class="alignnone" title="百度登陆01" src="http://farm4.static.flickr.com/3559/3819638990_da91f304b0.jpg" alt="" width="500" height="349" /><br />
我很喜欢这个改进，利用TAB来组织登陆和注册这对于未注册用户有两个明显的好处：</p>
<ol>
<li>提供了明显的注册入口。</li>
<li>在弹出层完成注册对原始任务流的干扰较少，换句话说也就是有利于注册完返回原来的任务。</li>
</ol>
<p><span id="more-422"></span></p>
<div>
<div>相对同一个操作逻辑，我尝试操作了百度空间的【加为好友】。</div>
<div>先是弹出的是一个登陆层，并且提供一个注册新账号的链接：</div>
<div><img class="alignnone" title="百度登陆02" src="http://farm3.static.flickr.com/2543/3820343886_72e80e796e.jpg" alt="" width="402" height="336" /><br />
接下来，点击【立即注册百度账号】到新页面注册，注册过程也很顺利。<br />
注册成功后问题就来了。</p>
<div>百度空间就只顾着让我：指定空间地址，完善个人资料…（如下图）<br />
<img class="alignnone" title="百度注册02" src="http://farm4.static.flickr.com/3526/3825803081_2f07617928_o.png" alt="" width="500" height="312" /><br />
那我添加好友的任务呢？</div>
<div>很明显，注册只是我添加好友任务中的分支任务。</div>
<div>然而我注册成功了就找不到原本要添加的好友了，注册流程再顺利又有什么用？</p>
<p>我认为，主任务流中的分支任务应该要严格遵循以下2个原则：<br />
<strong>简单；从哪里来，回到那里去。<br />
<span style="font-weight: normal; ">常规的注册流程完成后，很多网站都做了关于完善个人资料的引导，这完全没有问题。<br />
但是如果注册作为分支任务，注册成功后最好的引导就是回到主任务流。<br />
从这两个原则可以进一步思考分支任务在主任务流中的应用，例如全屏模式下看视频的时候，如何无干扰的进行评论？</span></strong></div>
<div>
<p>这也让我再一次了解：<strong>充分考虑用户的使用情境、区分产品上下文环境是非常重要的</strong>。<br />
即便是已经如此成熟的注册流程，一旦放进不同的上下文环境中，就有可能马上变成一个不好的体验。</div>
</div>
</div>
<p><!--more--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=422</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>灰起来，灰起来！</title>
		<link>http://www.xiaoduo.net/?p=413</link>
		<comments>http://www.xiaoduo.net/?p=413#comments</comments>
		<pubDate>Thu, 13 Aug 2009 14:55:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[幸福生活]]></category>
		<category><![CDATA[Pixar]]></category>
		<category><![CDATA[动画]]></category>
		<category><![CDATA[电影]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=413</guid>
		<description><![CDATA[
去年，本姑娘盼星星盼月亮盼到《WALL-E》没上映。
今年，《UP》上映的第一天我就去看了，舒坦啊舒坦啊！
开场才5分钟，就把我给看哭了。
厄…第一次在老肥面前看电动画片哭还是10年前。
当时我们是有着暧昧关系的高中同学，如今老肥的妈妈出去介绍我们的时候都会说：他们是青梅竹马的小情侣。^o^
青梅竹马多美好啊~为了这个词我冲动的想给《UP》打六颗星。
只可惜老奶奶死了，这对青梅竹马的小情侣还没能够携手到“paradise fall&#8221;。
也正因为老奶奶死了，老爷爷舍不得充满回忆的小屋才能爆发的这么华丽。
后面的冒险故事明显不是我的菜，搞死那个坏科学家也不是我喜欢的结局。
把坏人从天上扔下去，然后霸占他的飞船当新房。。这个。。太无爱了-________-&#124;&#124;


但是开篇的那段默片，堪称神作啊！！啧啧啧…


]]></description>
			<content:encoded><![CDATA[<div><img class="alignnone" title="飞屋环游记" src="http://t.douban.com/mpic/s3563529.jpg" alt="" width="99" height="148" /><br />
去年，本姑娘盼星星盼月亮盼到《WALL-E》没上映。</div>
<div>今年，《UP》上映的第一天我就去看了，舒坦啊舒坦啊！</p>
<p>开场才5分钟，就把我给看哭了。<br />
厄…第一次在老肥面前看电动画片哭还是10年前。<br />
当时我们是有着暧昧关系的高中同学，如今老肥的妈妈出去介绍我们的时候都会说：他们是青梅竹马的小情侣。^o^<br />
青梅竹马多美好啊~为了这个词我冲动的想给《UP》打六颗星。</p>
<p>只可惜老奶奶<span>死了，这<span>对青梅竹马的小情侣还没能够携手到<span>“paradise fall&#8221;。<br />
<span style="font-family: Arial; color: #111111; ">也正因为老奶奶死了，老爷爷舍不得充满回忆的小屋才能爆发的这么华丽。<br />
<span style="color: #000000; font-family: 'Lucida Grande'; ">后面的冒险故事明显不是我的菜，搞死那个坏科学家也不是我喜欢的结局。<br />
把坏人从天上扔下去，然后霸占他的飞船当新房。。这个。。太无爱了-________-||</span></span></span></span></span></div>
<div>
<div>
<div>但是开篇的那段<span><span>默片，堪称神作啊！！啧啧啧…</span></span></div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=413</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>关于点击区域</title>
		<link>http://www.xiaoduo.net/?p=401</link>
		<comments>http://www.xiaoduo.net/?p=401#comments</comments>
		<pubDate>Sun, 19 Jul 2009 08:23:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[体验日志]]></category>
		<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=401</guid>
		<description><![CDATA[今天发现百度图片搜索结果的2级页面改版了，在浏览图片的时候很好用：如图：


在浏览图片的时候，右侧的缩略图是这样交互的：

因此，在整个浏览图片的过程中鼠标是不动的，只需要点击鼠标左键就能继续浏览下一页。
为此我特地去对比了Google和FLICKR，看看他们浏览下一张图片的是怎么做的。
Google的做法是：

flickr:

虽然都是有固定的点击区域，但是使用起来都没有百度图片舒服。我觉得可能是和点击区域有关。。
人们在浏览图片时，状态应该是放松的。太小的点击区域会使用户要分散一部分注意力在鼠标操作上，而不能很放松的浏览图片。
很多交互设计的文章都会提到加大点击区域的重要性。
但是页面空间有限。在大部分的时候，给用户提供更多更合适的内容远比提供一个巨大的点击区域来的更合适。
我总结了一下，比较适合加大点击区域的地方有：
1，在页面只有少量操作任务，主要任务较单一的情况下:

2，在浏览模式下，【下一张】【下一首】……

暂时只想到这些。。
]]></description>
			<content:encoded><![CDATA[<p>今天发现百度图片搜索结果的2级页面改版了，在浏览图片的时候很好用：如图：<br />
<img class="alignnone" src="http://farm4.static.flickr.com/3429/3734741624_d711acb9a5.jpg?v=0" alt="" width="500" height="280" /><br />
<span id="more-401"></span><br />
在浏览图片的时候，右侧的缩略图是这样交互的：<br />
<img class="alignnone" src="http://farm3.static.flickr.com/2494/3734741626_17b52829aa.jpg?v=0" alt="" width="462" height="500" /><br />
因此，在整个浏览图片的过程中鼠标是不动的，只需要点击鼠标左键就能继续浏览下一页。<br />
为此我特地去对比了Google和FLICKR，看看他们浏览下一张图片的是怎么做的。<br />
Google的做法是：<br />
<img class="alignnone" src="http://farm3.static.flickr.com/2606/3734741628_3f1872cffc.jpg?v=0" alt="" width="377" height="117" /><br />
flickr:<br />
<img class="alignnone" src="http://farm3.static.flickr.com/2562/3734741630_2da38b9a3e.jpg?v=0" alt="" width="264" height="146" /><br />
虽然都是有固定的点击区域，但是使用起来都没有百度图片舒服。我觉得可能是和点击区域有关。。<br />
人们在浏览图片时，状态应该是放松的。太小的点击区域会使用户要分散一部分注意力在鼠标操作上，而不能很放松的浏览图片。</p>
<p>很多交互设计的文章都会提到加大点击区域的重要性。<br />
但是页面空间有限。在大部分的时候，给用户提供更多更合适的内容远比提供一个巨大的点击区域来的更合适。<br />
我总结了一下，比较适合加大点击区域的地方有：<br />
1，在页面只有少量操作任务，主要任务较单一的情况下:<br />
<img class="alignnone" src="http://farm3.static.flickr.com/2669/3734741620_38bc499eae.jpg?v=0" alt="" width="500" height="336" /><br />
2，在浏览模式下，【下一张】【下一首】……<br />
<img class="alignnone" src="http://farm3.static.flickr.com/2442/3734741622_d3ec834286.jpg?v=0" alt="" width="500" height="314" /><br />
暂时只想到这些。。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=401</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>IA学习笔记03:组织结构</title>
		<link>http://www.xiaoduo.net/?p=362</link>
		<comments>http://www.xiaoduo.net/?p=362#comments</comments>
		<pubDate>Tue, 23 Jun 2009 13:32:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[体验日志]]></category>
		<category><![CDATA[信息架构]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=362</guid>
		<description><![CDATA[组织体系要加上组织结构才能称得上是完整的组织系统。囧~真拗口。
常见的几种主要的组织结构有：
 【等级式】
等级式简洁明了容易理解，以它作为信息架构设计流程的起始步骤是相当不错的。
继续以上篇的几何图形为例，他们的组织结构如下图：


在上图中，等级式条目之间彼此是互斥的；但是我们再继续往下画就会出现交叉的情况了：

随着交叉的情况变多，等级式系统也变得混乱。
 因此，等级式组织结构是可以进行交叉编目的，但是如果交叉的条目太多，就会失去价值。
除此之外，还应当注意宽度和深度之间的平衡：
太窄太深：用户就需要点击过多的层数才能到达他们想要的
太寛太浅：用户就会面临主菜单太多，但是点击进去后，又不能找到更多信息的不良观感。
【数据库模式】
数据库模式比较难理解，在老肥的协助下我把这个模式理解为：
根据特定的需求，按照一定的逻辑把数据库里零散的数据提取出来，并按照一定的方式组织展现出来。
比起等级式，数据库模式应该更加的灵活。
【超文本】
超文本中最常见的就是我们WEB上的链接模式。超文本无疑是非常灵活的，但是也很容易造成用户的迷惑。因此他通常不作为主要的组织结构，而是用来弥补等级式或者是数据库模式的不足 。
【TAG】
如今，互联网上对于TAG的应用是很常见的。当参与分类的人到达一定数量的时候，这种基于用户参与的分类方式就会转换成新的组织和导航系统,下图是delicious根据热门TAG组织的导航：

遗憾的是,很多网站上的TAG应用完全没有发挥出他的威力。甚至不乏挂羊头卖狗肉的做法。
相关文章：
IA学习笔记02：组织体系
IA学习笔记01：识别信息架构
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.xiaoduo.net/?p=298" target="_blank">组织体系</a>要加上组织结构才能称得上是完整的组织系统。囧~真拗口。<br />
常见的几种主要的组织结构有：<br />
<strong> 【等级式】</strong><br />
等级式简洁明了容易理解，以它作为信息架构设计流程的起始步骤是相当不错的。<br />
继续以上篇的几何图形为例，他们的组织结构如下图：<br />
<img class="alignnone" src="http://farm4.static.flickr.com/3300/3653228955_a627f7479f.jpg?v=0" alt="" width="466" height="185" /></p>
<p><span id="more-362"></span><br />
在上图中，等级式条目之间彼此是互斥的；但是我们再继续往下画就会出现交叉的情况了：<br />
<img class="alignnone" src="http://farm4.static.flickr.com/3334/3653228991_10ffa9aace.jpg?v=0" alt="" width="466" height="470" /><br />
随着交叉的情况变多，等级式系统也变得混乱。<br />
<strong> 因此，等级式组织结构是可以进行交叉编目的，但是如果交叉的条目太多，就会失去价值。</strong><br />
除此之外，还应当注意宽度和深度之间的平衡：<br />
太窄太深：用户就需要点击过多的层数才能到达他们想要的<br />
太寛太浅：用户就会面临主菜单太多，但是点击进去后，又不能找到更多信息的不良观感。</p>
<p><strong>【数据库模式】</strong><br />
数据库模式比较难理解，在老肥的协助下我把这个模式理解为：<br />
根据特定的需求，按照一定的逻辑把数据库里零散的数据提取出来，并按照一定的方式组织展现出来。<br />
比起等级式，数据库模式应该更加的灵活。</p>
<p><strong>【超文本】</strong><br />
超文本中最常见的就是我们WEB上的链接模式。超文本无疑是非常灵活的，但是也很容易造成用户的迷惑。因此他通常不作为主要的组织结构，而是用来弥补等级式或者是数据库模式的不足 。</p>
<p><strong>【TAG】</strong><br />
如今，互联网上对于TAG的应用是很常见的。当参与分类的人到达一定数量的时候，这种基于用户参与的分类方式就会转换成新的组织和导航系统,下图是delicious根据热门TAG组织的导航：<br />
<img class="alignnone" src="http://farm4.static.flickr.com/3633/3654122118_beb4dcf05e.jpg?v=0" alt="" width="207" height="349" /><br />
遗憾的是,很多网站上的TAG应用完全没有发挥出他的威力。甚至不乏挂羊头卖狗肉的做法。</p>
<p>相关文章：<br />
<span><a href="http://www.xiaoduo.net/?p=328" target="_self">IA学习笔记02：</a><a href="http://www.xiaoduo.net/?p=298" target="_self">组织体系</a><a title="IA学习笔记01:识别信息架构" href="http://www.xiaoduo.net/?p=228" target="_self"><br />
IA学习笔记01：识别信息架构</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=362</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>土豆牛肉煲</title>
		<link>http://www.xiaoduo.net/?p=323</link>
		<comments>http://www.xiaoduo.net/?p=323#comments</comments>
		<pubDate>Tue, 23 Jun 2009 11:47:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[厨娘小多]]></category>

		<guid isPermaLink="false">http://www.xiaoduo.net/?p=323</guid>
		<description><![CDATA[
多亏了老肥早起准备食材，才有了这锅足足炖了4个小时的牛肉煲。
其实，牛肉煲我们已经煲过无数回了。
这周的新菜是：炒菜心。。囧~好无力~
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="土豆牛肉煲" src="http://farm3.static.flickr.com/2441/3653112859_6c206aacd9.jpg?v=0" alt="" width="300" height="400" /></p>
<p>多亏了老肥早起准备食材，才有了这锅足足炖了4个小时的牛肉煲。<br />
其实，牛肉煲我们已经煲过无数回了。<br />
这周的新菜是：炒菜心。。囧~好无力~</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xiaoduo.net/?feed=rss2&amp;p=323</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
