<?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>网站运营 &#187; 前端体验</title>
	<atom:link href="http://www.lvyanchao.com/fenlei/ued/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lvyanchao.com</link>
	<description>网站推广，搜索引擎优化和营销（seo&#38;sem）</description>
	<lastBuildDate>Mon, 04 Apr 2011 14:22:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>web前端工程师开发必备速查手册</title>
		<link>http://www.lvyanchao.com/web-front/</link>
		<comments>http://www.lvyanchao.com/web-front/#comments</comments>
		<pubDate>Tue, 23 Nov 2010 02:33:37 +0000</pubDate>
		<dc:creator>吕彦超</dc:creator>
				<category><![CDATA[前端体验]]></category>
		<category><![CDATA[web前端]]></category>
		<category><![CDATA[web前端工程师]]></category>
		<category><![CDATA[web前端开发]]></category>
		<category><![CDATA[前端开发]]></category>

		<guid isPermaLink="false">http://www.lvyanchao.com/?p=342</guid>
		<description><![CDATA[对于web前端工程师,开发人员和设计师来说，熟记每一个多种常用语言或框架的语法是非常麻烦的事情，所以，每一种语言都会为方便用户查询语法而建立详尽的速查操作手册，使得用户可以随时找到可能忘记的某个语法的具体信息及使用方法，这里就是web前端开发人员应该在日常工作中必备的常用语言或框架的开发手册。 HTML HTML 5 手册 HTML 5 可视手册 (X)HTML 元素和属性 HTML 手册 HTML5 圆角手册 CSS CSS 2 可视手册 CSS 3 手册 CSS 手册(V2) CSS 手册 JavaScript jQuery 1.4 API 手册 jQuery 1.4 手册 jQuery 1.4 手册 mootools 1.2 手册 JavaScript 手册]]></description>
			<content:encoded><![CDATA[<p>对于<a href=" http://www.lvyanchao.com/web-front/" target="_blank">web前端工程师</a>,开发人员和设计师来说，熟记每一个多种常用语言或框架的语法是非常麻烦的事情，所以，每一种语言都会为方便用户查询语法而建立详尽的速查操作手册，使得用户可以随时找到可能忘记的某个语法的具体信息及使用方法，这里就是<a href=" http://www.lvyanchao.com/web-front/" target="_blank">web前端</a>开发人员应该在日常工作中必备的常用语言或框架的开发手册。</p>
<h4>HTML</h4>
<h3>HTML 5 手册</h3>
<p><img src="http://www.csszone.net/wp-content/uploads/scimg01.jpg" alt="" width="478" height="377" /></p>
<p><span id="more-342"></span></p>
<h3><a href="http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded/" target="_blank">HTML 5 可视手册</a></h3>
<p><a href="http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded/" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg02.jpg" alt="" width="480" height="170" /></a></p>
<h3><a href="http://www.elizabethcastro.com/html/extras/xhtml_ref.html" target="_blank">(X)HTML 元素和属性</a></h3>
<p><a href="http://www.elizabethcastro.com/html/extras/xhtml_ref.html" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg03.jpg" alt="" width="475" height="223" /></a></p>
<h3><a href="http://www.addedbytes.com/cheat-sheets/html-cheat-sheet/" target="_blank">HTML 手册</a></h3>
<p><a href="http://www.addedbytes.com/cheat-sheets/html-cheat-sheet/" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg04.jpg" alt="" width="482" height="239" /></a></p>
<h3><a href="http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html" target="_blank">HTML5 圆角手册</a></h3>
<p><a href="http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg05.jpg" alt="" width="479" height="403" /></a></p>
<h4>CSS</h4>
<h3><a href="http://woorkup.com/2009/10/02/css2-visual-cheat-sheet/" target="_blank">CSS 2 可视手册</a></h3>
<p><a href="http://woorkup.com/2009/10/02/css2-visual-cheat-sheet/" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg14.jpg" alt="" width="482" height="307" /></a></p>
<h3><a href="http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/" target="_blank">CSS 3 手册</a></h3>
<p><a href="http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg06.jpg" alt="" width="479" height="331" /></a></p>
<h3><a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/" target="_blank">CSS 手册(V2)</a></h3>
<p><a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg07.jpg" alt="" width="478" height="158" /></a></p>
<h3><a href="http://lesliefranke.com/files/reference/csscheatsheet.html" target="_blank">CSS 手册</a></h3>
<p><a href="http://lesliefranke.com/files/reference/csscheatsheet.html" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg08.jpg" alt="" width="480" height="264" /></a></p>
<h4>JavaScript</h4>
<h3><a href="http://www.futurecolors.ru/jquery/" target="_blank">jQuery 1.4 API 手册</a></h3>
<p><a href="http://www.futurecolors.ru/jquery/" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg09.jpg" alt="" width="481" height="232" /></a></p>
<h3><a href="http://labs.impulsestudios.ca/jquery-cheat-sheet" target="_blank">jQuery 1.4 手册</a></h3>
<p><a href="http://labs.impulsestudios.ca/jquery-cheat-sheet" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg10.jpg" alt="" width="477" height="323" /></a></p>
<h3><a href="http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html" target="_blank">jQuery 1.4 手册</a></h3>
<p><a href="http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg11.jpg" alt="" width="478" height="290" /></a></p>
<h3><a href="http://mediavrog.net/blog/2008/06/11/mootools/mootools-12-cheat-sheet/" target="_blank">mootools 1.2 手册</a></h3>
<p><a href="http://mediavrog.net/blog/2008/06/11/mootools/mootools-12-cheat-sheet/" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg12.jpg" alt="" width="482" height="325" /></a></p>
<h3><a href="http://www.addedbytes.com/download/javascript-cheat-sheet-v1/png/" target="_blank">JavaScript 手册</a></h3>
<p><a href="http://www.addedbytes.com/download/javascript-cheat-sheet-v1/png/" target="_blank"><img src="http://www.csszone.net/wp-content/uploads/scimg13.jpg" alt="" width="483" height="225" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lvyanchao.com/web-front/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Landing Page表单对用户转化率的数据分析</title>
		<link>http://www.lvyanchao.com/landing-page/</link>
		<comments>http://www.lvyanchao.com/landing-page/#comments</comments>
		<pubDate>Tue, 23 Nov 2010 02:23:09 +0000</pubDate>
		<dc:creator>吕彦超</dc:creator>
				<category><![CDATA[产品运营]]></category>
		<category><![CDATA[Landing Page]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[产品转化率]]></category>
		<category><![CDATA[用户体验转化率]]></category>

		<guid isPermaLink="false">http://www.lvyanchao.com/?p=339</guid>
		<description><![CDATA[这份数据来自HubSpot，是对40000个LP（landing page）页进行分析得出来。非常有意思。 　　LP页主要是收集用户信息，使潜在用户变成目标用户。一方面我们希望得到用户尽可能多有用的信息，另外又希望用户尽快方便的完成。 　　这里对LP页的各种表单，选单进行数据分析，使我们更能平衡用户体验和业务需求。 　　首先分析表单的数量对用户的影响： 　　发现用户对表单数量的上升，并没有产生较大的差异化。于是使用简单的、单行的文本输入域作为实验目标： 　　结果数据还是不明显，于是加强了深度，使用多行的文本输入域来实验： 　　这里就可以看出大块的文本域对用户就会产生非常大的影响。接下来使用带下拉菜单的选框。 　　很明显的带有选择的多个输入域也会造成严重的影响。]]></description>
			<content:encoded><![CDATA[<p>这份数据来自HubSpot，是对40000个LP（<a href="http://www.lvyanchao.com/landing-page/" target="_blank">landing page</a>）页进行分析得出来。非常有意思。</p>
<p><img title="lp" src="http://www.xaoxua.com/upload/2010/11/lp_thumb.jpg" border="0" alt="lp" width="484" height="206" /></p>
<p>　　LP页主要是收集用户信息，使潜在用户变成目标用户。一方面我们希望得到用户尽可能多有用的信息，另外又希望用户尽快方便的完成。<span id="more-339"></span></p>
<p>　　这里对LP页的各种表单，选单进行数据分析，使我们更能平衡用户体验和业务需求。</p>
<p>　　首先分析表单的数量对用户的影响： <img src="http://www.xaoxua.com/upload/2010/11/fields-resized-600.jpg.png" border="0" alt="" /></p>
<p>　　发现用户对表单数量的上升，并没有产生较大的差异化。于是使用简单的、单行的文本输入域作为实验目标：</p>
<p><img src="http://www.xaoxua.com/upload/2010/11/texts-resized.jpg" alt="" /></p>
<p>　　结果数据还是不明显，于是加强了深度，使用多行的文本输入域来实验：</p>
<p><a rel="lightbox[298]" href="http://www.xaoxua.com/upload/2010/11/textareasresized600.jpg.png"><img title="textareas-resized-600.jpg" src="http://www.xaoxua.com/upload/2010/11/textareasresized600.jpg_thumb.png" border="0" alt="textareas-resized-600.jpg" width="600" height="464" /></a></p>
<p>　　这里就可以看出大块的文本域对用户就会产生非常大的影响。接下来使用带下拉菜单的选框。</p>
<p><a rel="lightbox[298]" href="http://www.xaoxua.com/upload/2010/11/selectsresized600.jpg.png"><img title="selects-resized-600.jpg" src="http://www.xaoxua.com/upload/2010/11/selectsresized600.jpg_thumb.png" border="0" alt="selects-resized-600.jpg" width="600" height="464" /></a></p>
<p>　　很明显的带有选择的多个输入域也会造成严重的影响。</p>
<p><!--<small> This entry was posted 												on 星期四, 十一月 18th, 2010 at 7:57 下午						and is filed under <a href="http://www.xaoxua.com/category/productmanager" mce_href="http://www.xaoxua.com/category/productmanager" title="查看 产品运营 的全部文章" rel="category tag">产品运营</a>. 						You can follow any responses to this entry through the <a href="http://www.xaoxua.com/productmanager/298.html/feed" mce_href="http://www.xaoxua.com/productmanager/298.html/feed">RSS 2.0</a> feed.  													You can <a href="#respond" mce_href="#respond">leave a response</a>, or <a href="http://www.xaoxua.com/productmanager/298.html/trackback" mce_href="http://www.xaoxua.com/productmanager/298.html/trackback" rel="trackback">trackback</a> from your own site. </small></p>
<p>&#8211;></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lvyanchao.com/landing-page/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>国外UI设计网址集锦</title>
		<link>http://www.lvyanchao.com/ui-design/</link>
		<comments>http://www.lvyanchao.com/ui-design/#comments</comments>
		<pubDate>Sun, 01 Aug 2010 15:09:04 +0000</pubDate>
		<dc:creator>吕彦超</dc:creator>
				<category><![CDATA[前端体验]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[ui设计]]></category>

		<guid isPermaLink="false">http://www.lvyanchao.com/?p=308</guid>
		<description><![CDATA[丹麦Icon设计师的主页 http://jonas.seph.ws/ 生活在澳洲的19岁中国UI设计师 http://www.istartedsomething.com/ 韩国icon工作室 http://www.zzve.com/ 又一俄罗斯icon工作室 http://www.turbomilk.com/ 还有fasticon http://fasticon.com/ http://topstyles.net/ 来个小日本的icon工作室 http://www.hybridworks.jp/ 此站偶每天必看 http://www.enhancedlabs.com/main/index.html 来个icon国王吧 http://icon-king.com/ 这里图标画的及其细致， http://www.icondrawer.com/main.php 类是于wincustomize，超级棒 http://customize.org/ 美国18岁的天才icon大学生 http://www.louiemantia.com/icon/ 国内一女孩，还是学生，做皮肤，还有适量插画不错 http://www.alexhill.cn/ 法国icon设计师 http://blog.tpdkdesign.net/ 图标海论坛大家都有吧 http://bbs.icosea.com/ iconbuffet的站点 http://www.iconbuffet.com/ 加拿大的，华丽 http://www.ndesign-studio.com/ http://www.guistyle.org/ 波多黎哥的UI设计师 http://-kol.deviantart.com/ 印度一位估计才10多岁的天才 http://sreeejith.deviantart.com/gallery/ 网易的设计师 http://www.abloxo.com/blog/ 瑞士18岁的icon少年，他的作品海波师傅收藏过 http://nelson-tux.deviantart.com/ http://www.35766.com/User/?uid=Ginger 这个是我收集的，点ui相关 他的作品uirss上发布过 http://deleket.deviantart.com/gallery/ 一个美国老，AI的汽车画的真是………. http://dr-phoenix.deviantart.com/ 新加坡超级有视觉冲击的漫画家 http://artgerm.deviantart.com/ 一个波兰MM的 http://artgerm.deviantart.com/ 德国老 http://ld-sign.deviantart.com/gallery/]]></description>
			<content:encoded><![CDATA[<p>丹麦Icon设计师的主页</p>
<p>http://jonas.seph.ws/</p>
<p>生活在澳洲的19岁中国UI设计师</p>
<p>http://www.istartedsomething.com/</p>
<p>韩国icon工作室</p>
<p>http://www.zzve.com/</p>
<p>又一俄罗斯icon工作室</p>
<p>http://www.turbomilk.com/</p>
<p><span id="more-308"></span></p>
<p>还有fasticon</p>
<p>http://fasticon.com/</p>
<p>http://topstyles.net/</p>
<p>来个小日本的icon工作室</p>
<p>http://www.hybridworks.jp/</p>
<p>此站偶每天必看</p>
<p>http://www.enhancedlabs.com/main/index.html</p>
<p>来个icon国王吧</p>
<p>http://icon-king.com/</p>
<p>这里图标画的及其细致，</p>
<p>http://www.icondrawer.com/main.php</p>
<p>类是于wincustomize，超级棒</p>
<p>http://customize.org/</p>
<p>美国18岁的天才icon大学生</p>
<p>http://www.louiemantia.com/icon/</p>
<p>国内一女孩，还是学生，做皮肤，还有适量插画不错</p>
<p>http://www.alexhill.cn/</p>
<p>法国icon设计师</p>
<p>http://blog.tpdkdesign.net/</p>
<p>图标海论坛大家都有吧</p>
<p>http://bbs.icosea.com/</p>
<p>iconbuffet的站点</p>
<p>http://www.iconbuffet.com/</p>
<p>加拿大的，华丽</p>
<p>http://www.ndesign-studio.com/</p>
<p>http://www.guistyle.org/</p>
<p>波多黎哥的UI设计师</p>
<p>http://-kol.deviantart.com/</p>
<p>印度一位估计才10多岁的天才</p>
<p>http://sreeejith.deviantart.com/gallery/</p>
<p>网易的设计师</p>
<p>http://www.abloxo.com/blog/</p>
<p>瑞士18岁的icon少年，他的作品海波师傅收藏过</p>
<p>http://nelson-tux.deviantart.com/</p>
<p>http://www.35766.com/User/?uid=Ginger 这个是我收集的，点ui相关</p>
<p>他的作品uirss上发布过</p>
<p>http://deleket.deviantart.com/gallery/</p>
<p>一个美国老，AI的汽车画的真是……….</p>
<p>http://dr-phoenix.deviantart.com/</p>
<p>新加坡超级有视觉冲击的漫画家</p>
<p>http://artgerm.deviantart.com/</p>
<p>一个波兰MM的</p>
<p>http://artgerm.deviantart.com/</p>
<p>德国老</p>
<p>http://ld-sign.deviantart.com/gallery/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lvyanchao.com/ui-design/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>搜索引擎之用户体验同target属性之间的关系</title>
		<link>http://www.lvyanchao.com/target-shuxing/</link>
		<comments>http://www.lvyanchao.com/target-shuxing/#comments</comments>
		<pubDate>Thu, 06 May 2010 15:48:43 +0000</pubDate>
		<dc:creator>吕彦超</dc:creator>
				<category><![CDATA[前端体验]]></category>
		<category><![CDATA[target属性]]></category>
		<category><![CDATA[搜索引擎]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.lvyanchao.com/?p=268</guid>
		<description><![CDATA[        面对一个网站的结构，包含颇多。以前比较传统的网站仅仅由几个简单的网页组成，页面主要包含企业信息，企业产品，企业的联系方式等等，有些简单网站连网站后台都没有，也就这样形成了简单的网站。对于网站也就是许许多多的网页组成。          随着网络和技术的发展，网站的种类和形式也逐渐的复杂化，逐渐产生了交互，安全，用户体验等效果，随着搜索引擎技术的发展，现在的网站主要融入了更多的搜索引擎技术，网站用户交互体验，和网站目标转化率的集合。          对于现在的大型网站来说，网站结构更加的复杂，尤其对于门户型网站，从网站内容上讲，主要分为普通内容和交互性内容，普通内容占网站主体的大部分。内容上主要有分框架模式，迷你框架，框架六合一模式等等，也就是将所有的资源分为细小的分目录站点结构，以及专题结构等等，这样对用户和搜索引擎比较的友好。          结构再复杂的网站都是由普通的页面组合而成，对于主网页以及普通网页（辅网页）来说，一个好的页面结构和用户体验是比较受关注的，尤其对于商务性网站，培养用户对网页的亲和力也是很有必要的。这里包括页面内容，页面色彩和布局，以及页面的交互引导都非常具有重要性。          主要体现为用户的粘性和回访率。当然这里可以去很细小的区分。二者之间有关联性。这样页面用户才具有下一步更好的体验效果。当然这个效果包括很多。购买行为，信任度等等都可以细分其内。          其实写到这里我下面需要讲到的一个小体验效果。它就是页面的一个链接标签效果： 链接标签：&#60;a&#62;&#60;/a&#62;,这里要说的是超链接标签的target属性，target这个属性指定所链接的页面在浏览器窗口中的打开方式，它的参数主要是四个，这里也能看到，这四个属性大家也都清楚，使用比较频繁的也就是_black和_self，区别比较明显的是_blank和_parent。       单独使用这些属性其实没什么特别大的区别和意义。很多朋友看到也会觉得没有太多必要。意义不大，但是我这里要说的是，target属性同用户体验之间的效果。 对于一个普通页面，无意义的超链接，主要是指无关联性链接，有很多做网站优化的朋友总认为页面链接多对网站收录和网站页面权重有很好的帮助，其实理论上是这样没错，然而很多确忽略了链接的重要性，过多的链接不仅阻碍用户行为，而且还会使页面不美观，同样也会使得搜索引擎反感。链接适度和链接等级化是比较需要考虑的。对于重复链接，主要是很多公共信息部分，大多通过更多，阅读更多，阅读全文之类的链接形式，这样的链接会使用户放弃页面的浏览，同样是在消磨用户的意志。本来一个扩展阅读是很吸引用户的地方，然而不合理的链接信息，带来相反的用户行为，从而使用户体验很差。或者死链接来说，主要是网站的错误链接和实效链接。这样使搜索引擎放弃页面的索引，或者放入冷索引库。效果可想而知。          其次就是页面链接target属性，一般主目录和主页选择使用_self和_parent属性，即当前窗口和父窗口打开方式。这里主要是引导用户进入重要目录或页面。同样针对搜索引擎也有效果。这样可以帮助用户定位到重要信息，或者网站需要展示给用户有用的信息。而重要页面的用户友好体验性才会得到继承和延伸。页面导游也才会引导用户使用和操作。       而_blank属性主要是新窗口打开，这里主要使用于二级页面以后或更深层次页面。新窗口打开模式主要是帮助延伸扩展信息。而这里的扩展信息只是作为页面的辅信息。权重性稍差些。用户在浏览使用过程中的行为比较少，易关闭页面。       对超链接的几种属性有着各自的特殊意义。同搜索引擎的用户体验更是密切相关，好的体验效果帮助收录网页，获得权重，并得到继承。使用户行为更加的有效。从而形成网站的既定行为。]]></description>
			<content:encoded><![CDATA[<p>        面对一个网站的结构，包含颇多。以前比较传统的网站仅仅由几个简单的网页组成，页面主要包含企业信息，企业产品，企业的联系方式等等，有些简单网站连网站后台都没有，也就这样形成了简单的网站。对于网站也就是许许多多的网页组成。</p>
<p>         随着网络和技术的发展，网站的种类和形式也逐渐的复杂化，逐渐产生了交互，安全，用户体验等效果，随着搜索引擎技术的发展，现在的网站主要融入了更多的搜索引擎技术，网站用户交互体验，和网站目标转化率的集合。</p>
<p>         对于现在的大型网站来说，网站结构更加的复杂，尤其对于门户型网站，从网站内容上讲，主要分为普通内容和交互性内容，普通内容占网站主体的大部分。内容上主要有分框架模式，迷你框架，框架六合一模式等等，也就是将所有的资源分为细小的分目录站点结构，以及专题结构等等，这样对用户和搜索引擎比较的友好。<span id="more-268"></span></p>
<p>         结构再复杂的网站都是由普通的页面组合而成，对于主网页以及普通网页（辅网页）来说，一个好的页面结构和用户体验是比较受关注的，尤其对于商务性网站，培养用户对网页的亲和力也是很有必要的。这里包括页面内容，页面色彩和布局，以及页面的交互引导都非常具有重要性。</p>
<p>         主要体现为用户的粘性和回访率。当然这里可以去很细小的区分。二者之间有关联性。这样页面用户才具有下一步更好的体验效果。当然这个效果包括很多。购买行为，信任度等等都可以细分其内。</p>
<p>         其实写到这里我下面需要讲到的一个小体验效果。它就是页面的一个链接标签效果：</p>
<p><a href="http://www.lvyanchao.com/wp-content/uploads/2010/05/1111.png"><img class="size-full wp-image-271 alignnone" title="1111" src="http://www.lvyanchao.com/wp-content/uploads/2010/05/1111.png" alt="" width="531" height="225" /></a></p>
<p>链接标签：&lt;a&gt;&lt;/a&gt;,这里要说的是超链接标签的<strong>target</strong>属性，<strong>target</strong>这个属性指定所链接的页面在浏览器窗口中的打开方式，它的参数主要是四个，这里也能看到，这四个属性大家也都清楚，使用比较频繁的也就是_black和_self，区别比较明显的是_blank和_parent。</p>
<p>      单独使用这些属性其实没什么特别大的区别和意义。很多朋友看到也会觉得没有太多必要。意义不大，但是我这里要说的是，<strong>target</strong>属性同用户体验之间的效果。</p>
<p>对于一个普通页面，无意义的超链接，主要是指无关联性链接，有很多做网站优化的朋友总认为页面链接多对网站收录和网站页面权重有很好的帮助，其实理论上是这样没错，然而很多确忽略了链接的重要性，过多的链接不仅阻碍用户行为，而且还会使页面不美观，同样也会使得搜索引擎反感。链接适度和链接等级化是比较需要考虑的。对于重复链接，主要是很多公共信息部分，大多通过更多，阅读更多，阅读全文之类的链接形式，这样的链接会使用户放弃页面的浏览，同样是在消磨用户的意志。本来一个扩展阅读是很吸引用户的地方，然而不合理的链接信息，带来相反的用户行为，从而使用户体验很差。或者死链接来说，主要是网站的错误链接和实效链接。这样使搜索引擎放弃页面的索引，或者放入冷索引库。效果可想而知。</p>
<p>         其次就是页面链接target属性，一般主目录和主页选择使用_self和_parent属性，即当前窗口和父窗口打开方式。这里主要是引导用户进入重要目录或页面。同样针对搜索引擎也有效果。这样可以帮助用户定位到重要信息，或者网站需要展示给用户有用的信息。而重要页面的用户友好体验性才会得到继承和延伸。页面导游也才会引导用户使用和操作。</p>
<p>      而_blank属性主要是新窗口打开，这里主要使用于二级页面以后或更深层次页面。新窗口打开模式主要是帮助延伸扩展信息。而这里的扩展信息只是作为页面的辅信息。权重性稍差些。用户在浏览使用过程中的行为比较少，易关闭页面。</p>
<p>      对超链接的几种属性有着各自的特殊意义。同搜索引擎的用户体验更是密切相关，好的体验效果帮助收录网页，获得权重，并得到继承。使用户行为更加的有效。从而形成网站的既定行为。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lvyanchao.com/target-shuxing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用户体验,用户体验设计,用户体验优化之间的关系</title>
		<link>http://www.lvyanchao.com/ue-ued-ueo/</link>
		<comments>http://www.lvyanchao.com/ue-ued-ueo/#comments</comments>
		<pubDate>Sun, 18 Apr 2010 14:47:56 +0000</pubDate>
		<dc:creator>吕彦超</dc:creator>
				<category><![CDATA[前端体验]]></category>
		<category><![CDATA[ue]]></category>
		<category><![CDATA[ueo]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[用户体验优化]]></category>
		<category><![CDATA[用户体验设计]]></category>

		<guid isPermaLink="false">http://www.lvyanchao.com/?p=240</guid>
		<description><![CDATA[　　用户体验：（User Experience，简称为UE），主要是以网站用户友好性为主，包括网站用户的喜好度，网站友好性结构，网站用户的粘性，网站用户的信任度等等内容。根据不同的类型有不同的解释，主要以人机交互为主。 　　以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验、用户的知识层面，以及用户操作的传统性的易用和新结构运营。以及包括在操作过程中的感受，从而设计符合最终用户的产品或提供的服务，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。 　　而交互设计的主要目的也是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。 　　用户体验设计：（user experience design，简称为ued），是用户体验交互的衍生，主要是以技术层面考虑为主。UED是进行产品策划的主力之一，他们用自己的知识、经验、设计能力拿出设计方案。 　　用户体验优化：（user experience Optimization），英文简称为：ueo，是网站用户体验和网站seo优化的结合而产生。主要是指把你的网站针对于大众用户的体验来进行优化,面对不同用户层面的网站内容性优化，本着为访客服务的原则,改善网站功能,操作,视觉等网站要素,从而获得访客的青睐.通过优化来提高流量转换率。最终产生产品或者服务的一种提升。 　　用户体验优化同时也包括更多综合方面的内容。例如：搜索引擎优化，用户体验设计，产品的视觉体验，用户操作交互，图形交互界面（包括控件widget和插件等），以及包括网站品牌信任度等等方面。 　　用户体验优化同用户体验设计（user experience design）是一脉相承，ueo是ued的衍生，也可以说是继承，正因为有网站用户体验的思考，才在后面衍生出这些相关的结构化语言。他们之间的关系为：用户体验&#62;&#62;用户体验设计&#62;&#62;用户体验优化 　　网站用户体验是一个长期的过程，从不同层面不同层次优化整个网站的各个部分，从而使网站最优化用户，这样才能更好的服务和从事商业运营。]]></description>
			<content:encoded><![CDATA[<p><strong><span style="color: #993300;">　　<a href="http://www.lvyanchao.com/ue-ued-ueo/" target="_blank">用户体验</a></span></strong>：（User Experience，简称为UE），主要是以网站用户友好性为主，包括网站用户的喜好度，网站友好性结构，网站用户的粘性，网站用户的信任度等等内容。根据不同的类型有不同的解释，主要以人机交互为主。</p>
<p>　　以<a href="http://www.lvyanchao.com/ue-ued-ueo/" target="_blank">用户体验</a>为基础进行的人机交互设计是要考虑用户的背景、使用经验、用户的知识层面，以及用户操作的传统性的易用和新结构运营。以及包括在操作过程中的感受，从而设计符合最终用户的产品或提供的服务，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。<span id="more-240"></span></p>
<p>　　而交互设计的主要目的也是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。</p>
<p><strong><span style="color: #993300;">　　<a href="http://www.lvyanchao.com/ue-ued-ueo/" target="_blank">用户体验设计</a></span></strong>：（user experience design，简称为ued），是用户体验交互的衍生，主要是以技术层面考虑为主。UED是进行产品策划的主力之一，他们用自己的知识、经验、设计能力拿出设计方案。</p>
<p><strong><span style="color: #993300;">　　<a href="http://www.lvyanchao.com/ue-ued-ueo/" target="_blank">用户体验优化</a></span></strong>：（user experience Optimization），英文简称为：ueo，是网站用户体验和网站<span class='bm_keywordlink'><a href="http://www.lvyanchao.com/" rel="nofollow">seo</a></span>优化的结合而产生。主要是指把你的网站针对于大众用户的体验来进行优化,面对不同用户层面的网站内容性优化，本着为访客服务的原则,改善网站功能,操作,视觉等网站要素,从而获得访客的青睐.通过优化来提高流量转换率。最终产生产品或者服务的一种提升。</p>
<p>　　用户体验优化同时也包括更多综合方面的内容。例如：<a href="http://www.lvyanchao.com/fenlei/seo/" target="_blank">搜索引擎优化</a>，用户体验设计，产品的视觉体验，用户操作交互，图形交互界面（包括控件widget和插件等），以及包括网站品牌信任度等等方面。</p>
<p>　　用户体验优化同用户体验设计（user experience design）是一脉相承，ueo是ued的衍生，也可以说是继承，正因为有网站用户体验的思考，才在后面衍生出这些相关的结构化语言。他们之间的关系为：用户体验&gt;&gt;用户体验设计&gt;&gt;用户体验优化</p>
<p>　　网站用户体验是一个长期的过程，从不同层面不同层次优化整个网站的各个部分，从而使网站最优化用户，这样才能更好的服务和从事商业运营。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lvyanchao.com/ue-ued-ueo/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>搜索体验：搜索输入框的功能用户体验</title>
		<link>http://www.lvyanchao.com/userued/</link>
		<comments>http://www.lvyanchao.com/userued/#comments</comments>
		<pubDate>Sun, 18 Apr 2010 14:28:10 +0000</pubDate>
		<dc:creator>吕彦超</dc:creator>
				<category><![CDATA[前端体验]]></category>
		<category><![CDATA[搜寻体验]]></category>
		<category><![CDATA[搜索体验]]></category>
		<category><![CDATA[搜索输入框]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.lvyanchao.com/?p=231</guid>
		<description><![CDATA[　　有数据显示，30%的购物者进入电子商务网站后会立刻使用搜索框，超过30%的人通过导航没有找到需要的物品后转而使用搜索框。 　　搜索框作为电子商务网站中众多交互组件中的一个，在使用过程中能否为用户提供最方便的服务，直接关乎到用户能否将购买意图转变为真实的购买行为。 　　今天通过一些案例聊聊各种搜索输入框的功能，与大家分享，共同学习。 搜索输入框的下拉提示功能 　　yahoo!的搜索提示框用了深色底浅色字，用户的注意力不容易分散，会集中在这一区块中。 　　而且yahoo!和google同样的，用户输入想查找的关键字时，系统会显示与这一关键字相关的信息在下面，让用户有更多的选择。 　　比如我在输入“驴妈妈”的时候，它会把相关联的关键字进行组合，“驴妈妈 1元门票”，“驴妈妈 携程”，显然这为用户提供了更多的选择。 　　淘宝还有关于这一关键字的结果数量，很独到，小的提示能让用户知晓的信息更多了。 　　这些都是大型搜索引擎，自然搜索服务和用户体验都做的很到位。那旅游类网站，很少在首页上提供站内搜索功能的，即使有站内搜索也没有关键字信息提示这一人性化的功能。 　　驴妈妈首页的搜索框当你输入关键字后，会匹配此关键字的相关景点条目，方便用户选择他所需要的信息。曾经有人说过：用户从不思考 用户很懒 Don’t Make them Think,for they Don’t like. …… 所以我们需要为用户提供傻瓜型的交互组件。 搜索输入框的基本属性 　　淘宝和驴妈妈的搜索框有点长。有啊适中。当当就太短了。 　　高度上，当当是最窄的。淘宝27px，高度比较合适，但是行高只有15px，感觉还是有点挤。 　　驴妈妈高度是32px，行高是22px，似乎有点高，不过目前大屏宽屏显示器已经很普及了，高分辨率下还是比较合适的。 　　有啊33px，跟驴妈妈32px相比，虽然数值上只有1px之差，但是视觉差别还是很大的，它的行高是19px，感官上很舒服。 搜索框的排版样式 　　我们把搜索框简化 　　拍拍和淘宝一样外层多了一个背景，视觉上更有整体性。 　　google的确定按钮在下方，如果不习惯用回车键确定的用户，要折行再点击，不太顺手。 　　bing的按钮采用内嵌式的，太小了，不利于点击。 　　接下来我们看看当当站内搜索的整体控件是怎样的： 　　我们看到在输入框的前面有一个下拉选择的步骤。 　　我们可以算一下：点击下拉+选择分类+输入关键字+确定，一共用了4步。 　　如果当当像百度一样，把所有分类都列出来，虽然减少一步，但界面就不够简洁了。 　　所以如何做到界面简洁，而用户体验又能很好，我们一直在找这样一个平衡点。 　　我希望的页面元素是这样的，它始终安静的呆在那里，当你不需要它的时候，它不会乱动和干扰到你，而你也清楚的知道它就在那里，当你使用它的时候，它能把隐藏于内的所有强大功能都一一体现出来。 　　一家之言，欢迎交流补充。 来源：驴妈妈用户体验（http://ued.lvmama.com/archives/181）]]></description>
			<content:encoded><![CDATA[<div>
<div id="header">
<div>
<div>
<p><a title="查看 交互体验 的全部文章" rel="category tag" href="http://ued.lvmama.com/archives/category/%e4%ba%a4%e4%ba%92%e4%bd%93%e9%aa%8c"></a></p>
</div>
</div>
</div>
<div>
<div id="leftcolumn">
<div id="post-181">
<div>
<p style="text-align: center;"><a href="http://www.lvyanchao.com/wp-content/uploads/2010/04/pic003.gif"><img class="aligncenter size-full wp-image-236" title="pic003" src="http://www.lvyanchao.com/wp-content/uploads/2010/04/pic003.gif" alt="" width="535" /></a></p>
<p>　　有数据显示，30%的购物者进入电子商务网站后会立刻使用搜索框，超过30%的人通过导航没有找到需要的物品后转而使用搜索框。</p>
<p>　　搜索框作为电子商务网站中众多交互组件中的一个，在使用过程中能否为用户提供最方便的服务，直接关乎到用户能否将购买意图转变为真实的购买行为。</p>
<p>　　今天通过一些案例聊聊各种搜索输入框的功能，与大家分享，共同学习。<span id="more-231"></span></p>
<p><strong>搜索输入框的下拉提示功能</strong></p>
<p><img title="search_01" src="http://ued.lvmama.com/wp-content/uploads/search_01.jpg" alt="" width="535" /><br />
<img title="search_02" src="http://ued.lvmama.com/wp-content/uploads/search_02.jpg" alt="" width="535" /><br />
<img title="search_03" src="http://ued.lvmama.com/wp-content/uploads/search_03.jpg" alt="" width="494" height="502" /><br />
<img title="search_04" src="http://ued.lvmama.com/wp-content/uploads/search_04.jpg" alt="" width="535" /></p>
<p>　　yahoo!的搜索提示框用了深色底浅色字，用户的注意力不容易分散，会集中在这一区块中。<br />
　　而且yahoo!和google同样的，用户输入想查找的关键字时，系统会显示与这一关键字相关的信息在下面，让用户有更多的选择。<br />
　　比如我在输入“驴妈妈”的时候，它会把相关联的关键字进行组合，“驴妈妈 1元门票”，“驴妈妈 携程”，显然这为用户提供了更多的选择。</p>
<p>　　淘宝还有关于这一关键字的结果数量，很独到，小的提示能让用户知晓的信息更多了。</p>
<p>　　这些都是大型搜索引擎，自然搜索服务和用户体验都做的很到位。那旅游类网站，很少在首页上提供站内搜索功能的，即使有站内搜索也没有关键字信息提示这一人性化的功能。</p>
<p>　　驴妈妈首页的搜索框当你输入关键字后，会匹配此关键字的相关景点条目，方便用户选择他所需要的信息。曾经有人说过：用户从不思考 用户很懒 Don’t Make them Think,for they Don’t like. …… 所以我们需要为用户提供傻瓜型的交互组件。</p>
<p><strong>搜索输入框的基本属性</strong></p>
<p><img title="search_02" src="http://ued.lvmama.com/wp-content/uploads/search_021.jpg" alt="" width="535" /></p>
<p>　　淘宝和驴妈妈的搜索框有点长。有啊适中。当当就太短了。</p>
<p>　　高度上，当当是最窄的。淘宝27px，高度比较合适，但是行高只有15px，感觉还是有点挤。</p>
<p>　　驴妈妈高度是32px，行高是22px，似乎有点高，不过目前大屏宽屏显示器已经很普及了，高分辨率下还是比较合适的。</p>
<p>　　有啊33px，跟驴妈妈32px相比，虽然数值上只有1px之差，但是视觉差别还是很大的，它的行高是19px，感官上很舒服。</p>
<p><strong>搜索框的排版样式</strong></p>
<p><img title="search_03" src="http://ued.lvmama.com/wp-content/uploads/search_031.jpg" alt="" width="535" /></p>
<p>　　我们把搜索框简化</p>
<p>　　拍拍和淘宝一样外层多了一个背景，视觉上更有整体性。</p>
<p>　　google的确定按钮在下方，如果不习惯用回车键确定的用户，要折行再点击，不太顺手。</p>
<p>　　bing的按钮采用内嵌式的，太小了，不利于点击。</p>
<p>　　接下来我们看看当当站内搜索的整体控件是怎样的：</p>
<p><img title="search_05" src="http://ued.lvmama.com/wp-content/uploads/search_05.jpg" alt="" width="524" height="36" /></p>
<p>　　我们看到在输入框的前面有一个下拉选择的步骤。</p>
<p>　　我们可以算一下：点击下拉+选择分类+输入关键字+确定，一共用了4步。</p>
<p>　　如果当当像百度一样，把所有分类都列出来，虽然减少一步，但界面就不够简洁了。</p>
<p>　　所以如何做到界面简洁，而用户体验又能很好，我们一直在找这样一个平衡点。</p>
<p>　　我希望的页面元素是这样的，它始终安静的呆在那里，当你不需要它的时候，它不会乱动和干扰到你，而你也清楚的知道它就在那里，当你使用它的时候，它能把隐藏于内的所有强大功能都一一体现出来。</p>
<p>　　一家之言，欢迎交流补充。</p>
</div>
<p><!-- end .entry --></p>
</div>
<p style="text-align: right;">来源：驴妈妈用户体验（<a href="http://ued.lvmama.com/archives/181">http://ued.lvmama.com/archives/181</a>）<!-- end .post --></p>
</div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.lvyanchao.com/userued/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用户体验：选择你最佳浏览体验，全民升级ie6活动</title>
		<link>http://www.lvyanchao.com/liulanqitiyan/</link>
		<comments>http://www.lvyanchao.com/liulanqitiyan/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 11:58:19 +0000</pubDate>
		<dc:creator>吕彦超</dc:creator>
				<category><![CDATA[前端体验]]></category>
		<category><![CDATA[交互体验]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.lvyanchao.com/?p=201</guid>
		<description><![CDATA[升级您的Internet Explorer 6 您还在使用Internet Explorer 6这一古老的浏览器在浏览网页吗？如果您是一名IT工作者，那就显得您想当不专业了。可能是为了做测试工作，那IETester是一款相当不错的软件。 Internet Explorer 6 sp1发布至今已经有7年时间了，相对于人类70年的寿命，对新版本语言支持已经显得力不从心了。 如果您对互联网知之甚少，我只说一点您最关心的，电脑的安全性。 在IE6下的安全漏洞已成为黑客攻击的目标，导致您电脑里的流氓软件恶意横行。还有您的网上购物，在线支付都会造成诸多不便。说直白点，您的计算机就像没穿衣服的少女一样，完全暴露在光天化日之下。 如果您和我们一样，都是一名从事互联网相关职业的人员，无论是从您自身的用户体验，还是开发时给您工作上增加的额外成本，您都有义务带动起浏览器更新的热潮。 所以，我在此发起全民升级Internet Explorer 6的活动。希望能得到大家的支持，我更希望大家能把这个活动传递下去。 再次感谢您为推动互联网发展所做出的贡献！ 来源地址：http://www.csszone.net/index.php/archives/588]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://www.lvyanchao.com/wp-content/uploads/2010/03/未命名.jpg"><img class="aligncenter size-full wp-image-224" title="未命名" src="http://www.lvyanchao.com/wp-content/uploads/2010/03/未命名.jpg" alt="" width="546" height="123" /></a></strong></p>
<p><strong>升级您的Internet Explorer 6</strong></p>
<p>您还在使用Internet Explorer 6这一古老的浏览器在浏览网页吗？如果您是一名IT工作者，那就显得您想当不专业了。可能是为了做测试工作，那<a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank">IETester</a>是一款相当不错的软件。<span id="more-201"></span><br />
Internet Explorer 6 sp1发布至今已经有7年时间了，相对于人类70年的寿命，对新版本语言支持已经显得力不从心了。</p>
<p><img src="http://www.csszone.net/wp-content/uploads/2010/01/update-ie6-5.jpg" alt="" /></p>
<p>如果您对互联网知之甚少，我只说一点您最关心的，电脑的安全性。<br />
在IE6下的安全漏洞已成为黑客攻击的目标，导致您电脑里的流氓软件恶意横行。还有您的网上购物，在线支付都会造成诸多不便。说直白点，您的计算机就像没穿衣服的少女一样，完全暴露在光天化日之下。</p>
<p><img src="http://www.csszone.net/wp-content/uploads/2010/01/update-ie6-4.jpg" alt="" /></p>
<p>如果您和我们一样，都是一名从事互联网相关职业的人员，无论是从您自身的用户体验，还是开发时给您工作上增加的额外成本，您都有义务带动起浏览器更新的热潮。<br />
所以，我在此发起全民升级Internet Explorer 6的活动。希望能得到大家的支持，我更希望大家能把这个活动传递下去。<br />
再次感谢您为推动互联网发展所做出的贡献！</p>
<p>来源地址：<a href="http://www.csszone.net/index.php/archives/588">http://www.csszone.net/index.php/archives/588</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lvyanchao.com/liulanqitiyan/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>浅谈网站访问用户行为分析</title>
		<link>http://www.lvyanchao.com/yonghuxingwei/</link>
		<comments>http://www.lvyanchao.com/yonghuxingwei/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 13:26:48 +0000</pubDate>
		<dc:creator>吕彦超</dc:creator>
				<category><![CDATA[前端体验]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[用户行为]]></category>

		<guid isPermaLink="false">http://www.lvyanchao.com/?p=149</guid>
		<description><![CDATA[目前利用网络推广的手段有很多，不管是企业或者个人都开始重视网站优化，网站推广以及网站营销方面的各种方式。目的都是为了在互联网这个快速的网络中寻找新的商业价值，从而带来更多的企业合作贸易机会。 随着互联网的发展，网站推广、网站营销成为一种任何一个想利用互联网成就一番事业的企业都不能忽视的手段，毕竟与采用传统方式营销推广所需要的花费相比，网络无疑具有先天优势。但同时问题也随之而来，如何得到网站推广网站营销的效果评估?如何制定下一步的策略? 为了解决这些问题，网站流量统计产品应运而生，国外多家调查研究机构的研究也都证实了网站流量统计分析对于网络营销效果的价值，但在网站营销管理实践应用中，大部分的企业只是通过网站流量统计产品关心一下在线人数，至多也就是大致了解一下访问者的来源，如通过搜索引擎带来了多少用户，以及用户主要利用哪些关键词进行检索而来到网站等等。以此来作为seo优化的依据，当然这也为网站未来策略的制定提供了一定的依据，但是，这些依据毕竟十分有限而且凌乱。最终，都只能演变成只是日复一日的对大量数据的查看。 那么，这样看来，单纯的数据呈现对于网站营销管理的参考意义也就屈指可数了。我们不禁要问，现有的网站流量统计产品是否还缺少了一点分析的角度? 我们来看，一个用户要访问一个网站，他都会使用到哪些事物、留下哪些踪迹呢?鼠标，键盘，浏览器这三样无疑是必不可少的，登录网站之后，他的整个访问轨迹，停留时间等等。那么，这些事物和踪迹又能告诉我们什么呢? 第一，用户的鼠标点击某种程度上可以告诉我们用户在某个网页上的视觉轨迹。因为根据人的一般行为规律，用户会先点击他最先注意到的网页元素，无论这个元素是个按钮还是其它。因此，对用户鼠标点击的总结和分析将能够告诉我们用户在一个网页上的视觉大致浏览轨迹，由此可以得出一个网页设计是否合理，是否能够使得用户真正注意并且能够点击到企业需要让他点击的位置。最终影响到整个网站的信息架构甚而网站结构。 第二，浏览器，对于浏览器和用户操作系统信息的获取已经不是什么新鲜的功能，它们能够告诉我们的无非是用户使用机器的一些基本信息，此处不再多做叙述。 第三，访问轨迹，停留时间。对于这两项就大有文章可做了，从大的层面而言，它可以告诉我们用户在整个访问网站的过程中都做了哪些事情，既用户的客观行为，从小的层面而言，它可以告诉我们一些我们不通过分析访问轨迹无法得知的网站在用户操作流程上可能存在的问题，加上停留时间的参数进行分析的话，甚至可以告诉我们访问网站的用户的类型。以下分别举例说明这两种情况。 例一，我们通过网站访问轨迹的分析，发现一个用户在购买某件商品的付款流程中，总是在结算过程中跳出，那么，此时就可能存在两个可能：第一，结算页面存在误操作。第二：用户还想继续购买其它物品。此时我们结合对结算页面的鼠标点击分析，发现用户是点击了错误的链接导致总是意外跳出。此时，就可以断言，这个结算页面的设计存在问题，需要改进。 例二：有两名用户，其中一个登录新浪之后首先点击“科技”频道，随后点击了“互联网”，另外一个先点击了“科技”频道，随后点击了“数码”但在数码仅停留了很短的一个时间立即点到了“互联网”，那么，某种程度上这两名用户的操作习惯存在一致性，而且根据他们所感兴趣的内容可以一定几率上判定他们是it行业从业人员。通过对无数次同样的归类，我们就可以通过对这些数据的分析，得到我们网站用户的大致类型，所谓知己知彼才能百战百胜，知道我们面对的是什么样的用户，策略的制定才能有的放矢。 综上所述，我们不难看出网站访问行为分析的几个基本维度和它所能带来的好处。目前的网站流量统计分析产品普遍缺乏这样的维度，导致只是数据堆砌洏无法对这些用户行为获得有效的获知。而只有了解了用户的行为，企业才能有的放矢，做出相应的策略。 那么，如何使用一些工具或者对数据的采集分析来达到对用户行为的初步分析呢?笔者注意到近日国内统计厂商中异军突起的一个新的服务提供商——统计啦，他们已经做到了对用户鼠标落点的统计，以及对网站单页面用户覆盖的相关分析，但是笔者提到的对用户的归类他们好像还没有涉及，不过据说他们仍在不断改版，笔者也就拭目以待了。各位看官如果有所兴趣也可以观看一二。 //]]></description>
			<content:encoded><![CDATA[<p>目前利用网络推广的手段有很多，不管是企业或者个人都开始重视网站优化，网站推广以及网站营销方面的各种方式。目的都是为了在互联网这个快速的网络中寻找新的商业价值，从而带来更多的企业合作贸易机会。<span id="more-149"></span></p>
<p>随着互联网的发展，<a title="网站优化，seo新闻，网站推广，网页优化" href="http://www.lvyanchao.com" target="_blank">网站推广</a>、网站营销成为一种任何一个想利用互联网成就一番事业的企业都不能忽视的手段，毕竟与采用传统方式营销推广所需要的花费相比，网络无疑具有先天优势。但同时问题也随之而来，如何得到网站推广网站营销的效果评估?如何制定下一步的策略?</p>
<p>为了解决这些问题，网站流量统计产品应运而生，国外多家调查研究机构的研究也都证实了网站流量统计分析对于网络营销效果的价值，但在网站营销管理实践应用中，大部分的企业只是通过网站流量统计产品关心一下在线人数，至多也就是大致了解一下访问者的来源，如通过搜索引擎带来了多少用户，以及用户主要利用哪些关键词进行检索而来到网站等等。以此来作为<span class='bm_keywordlink'><a href="http://www.lvyanchao.com/" rel="nofollow">seo</a></span>优化的依据，当然这也为网站未来策略的制定提供了一定的依据，但是，这些依据毕竟十分有限而且凌乱。最终，都只能演变成只是日复一日的对大量数据的查看。</p>
<p>那么，这样看来，单纯的数据呈现对于网站营销管理的参考意义也就屈指可数了。我们不禁要问，现有的网站流量统计产品是否还缺少了一点分析的角度?</p>
<p>我们来看，一个用户要访问一个网站，他都会使用到哪些事物、留下哪些踪迹呢?鼠标，键盘，浏览器这三样无疑是必不可少的，登录网站之后，他的整个访问轨迹，停留时间等等。那么，这些事物和踪迹又能告诉我们什么呢?</p>
<p>第一，用户的鼠标点击某种程度上可以告诉我们用户在某个网页上的视觉轨迹。因为根据人的一般行为规律，用户会先点击他最先注意到的网页元素，无论这个元素是个按钮还是其它。因此，对用户鼠标点击的总结和分析将能够告诉我们用户在一个网页上的视觉大致浏览轨迹，由此可以得出一个网页设计是否合理，是否能够使得用户真正注意并且能够点击到企业需要让他点击的位置。最终影响到整个网站的信息架构甚而网站结构。</p>
<p>第二，浏览器，对于浏览器和用户操作系统信息的获取已经不是什么新鲜的功能，它们能够告诉我们的无非是用户使用机器的一些基本信息，此处不再多做叙述。</p>
<p>第三，访问轨迹，停留时间。对于这两项就大有文章可做了，从大的层面而言，它可以告诉我们用户在整个访问网站的过程中都做了哪些事情，既用户的客观行为，从小的层面而言，它可以告诉我们一些我们不通过分析访问轨迹无法得知的网站在用户操作流程上可能存在的问题，加上停留时间的参数进行分析的话，甚至可以告诉我们访问网站的用户的类型。以下分别举例说明这两种情况。</p>
<p>例一，我们通过网站访问轨迹的分析，发现一个用户在购买某件商品的付款流程中，总是在结算过程中跳出，那么，此时就可能存在两个可能：第一，结算页面存在误操作。第二：用户还想继续购买其它物品。此时我们结合对结算页面的鼠标点击分析，发现用户是点击了错误的链接导致总是意外跳出。此时，就可以断言，这个结算页面的设计存在问题，需要改进。</p>
<p>例二：有两名用户，其中一个登录新浪之后首先点击“科技”频道，随后点击了“互联网”，另外一个先点击了“科技”频道，随后点击了“数码”但在数码仅停留了很短的一个时间立即点到了“互联网”，那么，某种程度上这两名用户的操作习惯存在一致性，而且根据他们所感兴趣的内容可以一定几率上判定他们是it行业从业人员。通过对无数次同样的归类，我们就可以通过对这些数据的分析，得到我们网站用户的大致类型，所谓知己知彼才能百战百胜，知道我们面对的是什么样的用户，策略的制定才能有的放矢。</p>
<p>综上所述，我们不难看出网站访问行为分析的几个基本维度和它所能带来的好处。目前的网站流量统计分析产品普遍缺乏这样的维度，导致只是数据堆砌洏无法对这些用户行为获得有效的获知。而只有了解了用户的行为，企业才能有的放矢，做出相应的策略。</p>
<p>那么，如何使用一些工具或者对数据的采集分析来达到对用户行为的初步分析呢?笔者注意到近日国内统计厂商中异军突起的一个新的服务提供商——统计啦，他们已经做到了对用户鼠标落点的统计，以及对网站单页面用户覆盖的相关分析，但是笔者提到的对用户的归类他们好像还没有涉及，不过据说他们仍在不断改版，笔者也就拭目以待了。各位看官如果有所兴趣也可以观看一二。</p>
<p><script type="text/javascript">// <![CDATA[
addthis_pub= 'wolfit';
addthis_logo= 'http://download.rainbowsoft.org/image/common/zbloglogo.gif';
addthis_brand= 'Z-Blog';
addthis_options= 'favorites, delicious, twitter, digg, myspace, facebook, google, live,  email, more';
// ]]&gt;</script></p>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;">
<tbody></tbody>
</table>
</div>
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;"></div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.lvyanchao.com/yonghuxingwei/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello world！</title>
		<link>http://www.lvyanchao.com/hello-world/</link>
		<comments>http://www.lvyanchao.com/hello-world/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 03:24:15 +0000</pubDate>
		<dc:creator>吕彦超</dc:creator>
				<category><![CDATA[SEO优化]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[XHTML+CSS]]></category>
		<category><![CDATA[前端体验]]></category>
		<category><![CDATA[搜索引擎优化]]></category>
		<category><![CDATA[综合资讯]]></category>
		<category><![CDATA[网站策划]]></category>
		<category><![CDATA[网站运营]]></category>
		<category><![CDATA[网络工具]]></category>
		<category><![CDATA[网络推广]]></category>
		<category><![CDATA[网络编程]]></category>
		<category><![CDATA[营销策划]]></category>
		<category><![CDATA[随笔网志]]></category>
		<category><![CDATA[网站优化]]></category>
		<category><![CDATA[网站优化技巧]]></category>
		<category><![CDATA[网站优化方案]]></category>
		<category><![CDATA[网站优化服务]]></category>

		<guid isPermaLink="false">http://457399.508.hostcn.cn/blog/?p=1</guid>
		<description><![CDATA[欢迎使用 WordPress 。这是系统自动生成的演示文章。编辑或者删除它，开始您的博客！]]></description>
			<content:encoded><![CDATA[<p>欢迎使用 WordPress 。这是系统自动生成的演示文章。编辑或者删除它，开始您的博客！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lvyanchao.com/hello-world/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

