<?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>网站分析 Web Analytics &#187; 页面设计</title>
	<atom:link href="http://www.webanalytics.org.cn/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webanalytics.org.cn</link>
	<description>专注于网站分析工具、网站分析方法与网站分析实践</description>
	<lastBuildDate>Fri, 25 Jun 2010 05:55:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>针对Windows7的页面设计</title>
		<link>http://www.webanalytics.org.cn/page-design-base-on-windows-7/</link>
		<comments>http://www.webanalytics.org.cn/page-design-base-on-windows-7/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 11:51:15 +0000</pubDate>
		<dc:creator>深蓝</dc:creator>
				<category><![CDATA[页面设计]]></category>
		<category><![CDATA[Windows7]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.webanalytics.org.cn/?p=330</guid>
		<description><![CDATA[去年10月底，Windows7在中国已经正式发售了。Windows7有不错的评价，在加上正式发售之前已经有测试版泄露出来，Windows7已经拥有了客观的用户。我也在几天前安装了Windows7，发现Windows7的字体和Windows XP的字体有所不同，可能导致页面不够美观。

下面的截图是新浪网在Windows7下浏览的截屏：
<div><img class="size-full wp-image-332 aligncenter" title="新浪网在windows7下截图" src="http://www.webanalytics.org.cn/wp-content/uploads/2010/01/新浪网在windows7下截图.JPG" alt="新浪网在windows7下截图" width="373" /></div><br/>]]></description>
			<content:encoded><![CDATA[<p>去年10月底，Windows7在中国已经正式发售了。Windows7有不错的评价，在加上正式发售之前已经有测试版泄露出来，Windows7已经拥有了客观的用户。我也在几天前安装了Windows7，发现Windows7的字体和Windows XP的字体有所不同，可能导致页面不够美观。</p>
<p>下面的截图是新浪网在Windows7下浏览的截屏：</p>
<div><img class="size-full wp-image-332 aligncenter" title="新浪网在windows7下截图" src="http://www.webanalytics.org.cn/wp-content/uploads/2010/01/新浪网在windows7下截图.JPG" alt="新浪网在windows7下截图" width="373" /></div>
<p><br/></p>
<p>可以看出，文字和链接的下划线混在了一起，给人感觉很不好。于此对应的，下面是Verycd的截屏：</p>
<p><img class="alignnone size-full wp-image-333" title="VeryCD在Windows7下的截图" src="http://www.webanalytics.org.cn/wp-content/uploads/2010/01/VeryCD在Windows7下的截图.JPG" alt="VeryCD在Windows7下的截图" width="457" height="332" /></p>
<p>可以看出，Verycd针对Windows7的字体处理的比较好，下划线和文字之间保持了合适的间距，看起来很清晰。</p>
<p>通过查看样式表，发现新浪网站使用的是text-decoration=&#8221;underline&#8221;来实现下划线，而Verycd使用了border-bottom=&#8221;1px solid #666666&#8243;来实现下划线。</p>
<p>文字内容的显示对于网站设计来说蛮重要的，希望以上文字能给大家优化网站一点参考。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webanalytics.org.cn/page-design-base-on-windows-7/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>登陆页面(Landing Page)的设计</title>
		<link>http://www.webanalytics.org.cn/landing-page-design/</link>
		<comments>http://www.webanalytics.org.cn/landing-page-design/#comments</comments>
		<pubDate>Sat, 24 Oct 2009 03:17: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.webanalytics.org.cn/?p=83</guid>
		<description><![CDATA[<h3>什么是Landing Page？</h3>
在<a title="Wiki" href="http://en.wikipedia.org/wiki/Landing_page" target="_blank">Wiki</a>上Landing Page的定义是：
In online marketing a landing page, sometimes known as a lead capture page, is the page that appears when a potential customer clicks on an advertisement or a search-engine result link.
就是说：<strong>登陆页面是潜在的客户通过广告或者搜索引擎到达网站的时候，看到的第一个页面</strong>。也就是说，广告或者搜索引擎指向网站的链接，链到的是哪个页面，哪个页面就是登陆页面。其中因为搜索引擎可能会链接到网站任何公开的页面，所以这种登陆页面不好控制，<strong>下文中讨论的都是广告（横幅广告、Email广告等）的登陆页</strong>。
<h3>Landing Page的重要性</h3>
Landing Page是连接网站和用户的重要枢纽。很大一部分用户来到网站首先看到的就是登陆页面，她会留给客户重要的第一印象。而广告的登陆页面的好坏，直接关系到网站广告的投资回报率（ROI）。一个不好的登陆页面的设计，可能导致很高的用户流失率，而浪费了广告投入，也失去了展示品牌或者推销商品的机会。]]></description>
			<content:encoded><![CDATA[<h3>什么是Landing Page？</h3>
<p>在<a title="Wiki" href="http://en.wikipedia.org/wiki/Landing_page" target="_blank">Wiki</a>上Landing Page的定义是：<br />
In online marketing a landing page, sometimes known as a lead capture page, is the page that appears when a potential customer clicks on an advertisement or a search-engine result link.<br />
就是说：<strong>登陆页面是潜在的客户通过广告或者搜索引擎到达网站的时候，看到的第一个页面</strong>。也就是说，广告或者搜索引擎指向网站的链接，链到的是哪个页面，哪个页面就是登陆页面。其中因为搜索引擎可能会链接到网站任何公开的页面，所以这种登陆页面不好控制，<strong>下文中讨论的都是广告（横幅广告、Email广告等）的登陆页</strong>。</p>
<h3>Landing Page的重要性</h3>
<p>Landing Page是连接网站和用户的重要枢纽。很大一部分用户来到网站首先看到的就是登陆页面，她会留给客户重要的第一印象。而广告的登陆页面的好坏，直接关系到网站广告的投资回报率（ROI）。一个不好的登陆页面的设计，可能导致很高的用户流失率，而浪费了广告投入，也失去了展示品牌或者推销商品的机会。</p>
<h3>Landing Page的现状</h3>
<p>现在而今眼目下，登陆页面还没有广泛引起足够的重视。越来越多的公司意识到在线广告推广的重要性，在线广告的投入也越来越大。但是，大部分公司都没有注重登陆页面的设计。让我们来看看这些公司的登陆页面的设计是如何定案的吧？<br />
1、网站压根就没有专门设计登陆页面，主页就是登陆页面；<br />
2、没有太在意，差不多做个页面就行了；<br />
3、老板最大，老板说了算；<br />
4、一帮人开会讨论，举手表决；<br />
5、谁的声音最大就听谁的；<br />
6、……</p>
<h3>Landing Page的设计</h3>
<p>现在谈到正题了，该应该如何设计登陆页面呢？一个好的登陆页，应该遵循什么样的规则呢？</p>
<p>先介绍一个登陆页面设计的公式：<br />
<strong>C = 4m + 3v + 2(i-f) – 2a</strong><strong><br />
</strong>C= <em>The probability of conversion</em>. 这是转换率。当发生注册、购买、下载等期望发生的事件就是一次成功的转换。转换概率越高，就表明一个广告越成功，谁不希望自己的广告更有效果呢？<br />
m= <em>Motivation of the user</em>. 这是用户到这个网站的动机。比如一个购物网站，购买网站的商品就是用户的动机。这个参数是我们拥有最少控制能力的了。<br />
v= <em>Clarity of value proposition</em>.  主题的清晰性。很好理解吧？做起来就没那么容易了:)<br />
i= <em>Incentive to take action</em>.  刺激用户的需求：折扣、优惠、免费试用<br />
f= <em>Friction elements in the conversion process</em>.  混乱的逻辑或者麻烦的手续。<br />
a= <em>Anxiety about entering information</em>. 用户的担忧。</p>
<p>按照这个公式，为了得到更好的转换率，除掉我们很难控制的动机，应该努力增加主题清晰性、刺激用户需求、减少混乱的逻辑和冗长的手续、减轻用户的担忧。</p>
<h4>清晰明确的主题</h4>
<p><img class="alignright size-full wp-image-84" title="landing page" src="http://www.webanalytics.org.cn/wp-content/uploads/2009/10/landing-page.jpg" alt="landing page" width="351" height="362" />当用户来到网站上的时候，他不会花很多时间看你长篇累犊的介绍你的产品或者品牌。也许他在网站上看了十几二十秒以后，没有搞清楚你到底想说什么就离开了。而你，也因此失去了一个潜在客户。太可惜了，不是吗？好的设计，应该让用户在很短的时间内搞清楚，你这个广告的目的是什么，到底要说什么。一般好的做法是：将登陆页面设计得简约一些；在显眼的位置告诉用户，你提供的商品或者服务有什么优势，为什么要买你的而不是别家的。清楚的告诉用户，如果有兴趣的话，下一步应该去到哪个页面。</p>
<h4>刺激用户的需求</h4>
<p>可以做打折的活动，也可以做买送的活动，在登陆页面明显的告诉用户。比如，买打印机送墨盒。当然，如果你有别人没有使用过的创意更好。主要的目的是让那些摇摆不定的客户，下决心购买产品。</p>
<h4>减少逻辑混乱和复杂的流程</h4>
<p>登陆页面上的链接不求多，而是要有明确的导向。像“购买”、“下载”这样的链接要足够醒目，而其他链接就设计得要小一些，不要让潜在的用户找不到方向。而购买或者下载的流程，也要设计得紧凑和尽量简单。特别是购买的流程的表单，应该只要填必要的信息，而不是放一个很长的表单。</p>
<h4>减少顾客的顾虑</h4>
<p>用户在网站，特别是电子商务的网站，容易对网络安全、网站信誉等产生顾虑。可以从下面几个方面考虑设计：使用安全的SSL链接；使用更安全的支付方式；第三方的信用认证；更感觉安全可靠的网站色彩主题。让用户对网站上的活动放心。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webanalytics.org.cn/landing-page-design/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
