<?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://webkeji.net/tag/landing-page/feed" rel="self" type="application/rss+xml" />
	<link>http://webkeji.net</link>
	<description>品牌营销 + 产品设计 + 平台 + 增值服务 + 会员制 + 电子商务 + Social Games</description>
	<lastBuildDate>Tue, 18 Jan 2011 08:03:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>为销售服务的网页设计思路 — Sales-oriented Web Design</title>
		<link>http://webkeji.net/2009/09/sales-oriented-web-design</link>
		<comments>http://webkeji.net/2009/09/sales-oriented-web-design#comments</comments>
		<pubDate>Tue, 29 Sep 2009 09:40:43 +0000</pubDate>
		<dc:creator>Richard</dc:creator>
				<category><![CDATA[产品策划]]></category>
		<category><![CDATA[着陆页]]></category>
		<category><![CDATA[网页设计]]></category>
		<category><![CDATA[营销]]></category>

		<guid isPermaLink="false">http://www.webkeji.net/?p=35</guid>
		<description><![CDATA[之前做过一阵子平台型产品项目，而现在的工作中对于”销售(Sales)” 这个词的体会更深刻了。 因此将之前写过的一篇总结的标题改为这个“为销售服务的网页设计思路 — Sales-oriented Web Design”，再重新修正一下。 首先解释一下下面提到的AIDA和着陆页这两个关键词： AIDA模式 &#8212; 在1925年由Professor Strong提出，具体是指一个成功的推销员必须把顾客的注意力吸引或转变到产品上，使顾客先对该产品产生兴趣，随之产生拥有的欲望，尔后再形成实际购买行为。 A &#8211; Attention: attract the attention of the customer. （引起注意） I &#8211; Interest: raise customer interest by demonstrating features, advantages, and benefits. （诱发兴趣） D &#8211; Desire: convince customers that they want and desire the product or service and that it will satisfy their [...]


相关文章:<ol><li><a href='http://webkeji.net/2010/01/top-ecommerce-retailer-2010-part1' rel='bookmark' title='Permanent Link: 2010版美国零售网站百强专题：用创意打败萧条（上）'>2010版美国零售网站百强专题：用创意打败萧条（上）</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>之前做过一阵子平台型产品项目，而现在的工作中对于”销售(Sales)” 这个词的体会更深刻了。 因此将之前写过的一篇总结的标题改为这个“为销售服务的网页设计思路 — Sales-oriented Web Design”，再重新修正一下。</p>
<p>首先解释一下下面提到的AIDA和着陆页这两个关键词：</p>
<p><strong>AIDA模式</strong> &#8212; 在1925年由Professor Strong提出，具体是指一个成功的推销员必须把顾客的注意力吸引或转变到产品上，使顾客先对该产品产生兴趣，随之产生拥有的欲望，尔后再形成实际购买行为。</p>
<ul>
<li>A &#8211; Attention: attract the attention of the customer. （引起注意）</li>
<li>I &#8211; Interest: raise customer interest by demonstrating features, advantages, and benefits. （诱发兴趣）</li>
<li>D &#8211; Desire: convince customers that they want and desire the product or service and that it will satisfy their needs. （刺激欲望）</li>
<li>A &#8211; Action: lead customers towards taking action and/or purchasing. （促成购买）</li>
<li>Nowadays some have added another letter to form AIDA(S): S &#8211; Satisfaction &#8211; satisfy the customer so they become a repeat customer and give referrals to a product. (现在有些网站还会加一个专门针对老用户重复购买和口碑营销的区域)</li>
</ul>
<p><strong>Landing Page 着陆页</strong> &#8212; 访客进入目标网站进行浏览时经过的第一个页面。尤其是销售主导型（无论是实际产品、服务还是一个促销活动）着陆页，如何进行最大限度优化是最终销售（Action）转化率能提升的关键。</p>
<p>将AIDA模型套用在着陆页上的主要思想是从页面设计上就要包含AIDA这4个步骤：</p>
<ul>
<li><strong>（Attention）</strong>&#8211; 着陆页要尽快告诉新来的用户我们是干啥的，留住那些可能会成为真正用户的潜在用户。常见办法：
<ul>
<li>有视觉吸引力的图片；</li>
<li>一句话说明产品是什么；</li>
</ul>
</li>
<li><strong>（Interest）</strong>&#8211; 用户没有立即关闭这个着陆页还只是第一步，对于这些潜在用户来说，还需要进一步使他们对我们买的产品感兴趣，例如我们产品为什么比竞争者的要好？常见办法：
<ul>
<li>重点产品功能介绍；</li>
<li>有什么独家卖点；</li>
</ul>
</li>
<li><strong>（Desire）</strong>&#8211; 有了兴趣并不代表潜在用户会购买，从理性角度上考虑，决定想要一个东西，必然是因为这个东西带来的收益（应该说是可感知收益更准确）要大于为此支付的成本。要记住用户要的不是我们的产品功能，而是这个功能给他带来什么好处！如何诱发这个临门一脚的常见办法：
<ul>
<li>介绍产品对于用户本身有什么实际利益；</li>
<li>展示其他现有用户的满意反馈；</li>
<li>有权威性的review；</li>
<li>视频富媒体介绍；</li>
</ul>
</li>
<li><strong>（Action）</strong>&#8211; 当激发了用户的购买欲望后千万不要停顿，让他立刻就明白下一步的购买行为该如何进行。
<ul>
<li>例如购物的话就是购买的图标，注册的话是注册的窗口等；</li>
<li>或者在购物的场景还还能再推他一把，放上优惠券什么的（”立即注册还送100积分“）</li>
</ul>
</li>
</ul>
<p>当然这个设计原则不是适合于所有的着陆页，主要适合有明确销售指标或者新推出产品页面，这些可以完整地实现AIDA。对于已经开了一段时间，有了一定用户基础或者无直接销售指标的产品类型（比如门户网站、搜索引擎），就不用硬套AIDA了。</p>
<p>直接举例子，拿最近大热的Twitter着陆页来看：</p>
<p>首先在上方有大图来吸引注意（Attention），然后用一段简单介绍来说明Twitter的功能（Interest），还不放心的用户可以在最下方看到来自知名刊物对Twitter的推荐，或者跟随右上角的What-Why-How三步介绍，还有个视频（Desire），满意了？ &#8212; 显眼的地方有个加入Twitter的按钮（Action）</p>
<p><img title="Twitter_Frontpage" src="http://www.webkeji.net/wp-content/uploads/2009/09/twitter.jpg" alt="Twitter_Frontpage" width="638" height="564" /></p>
<p> 下面这个例子是一个叫MailChimp的邮件营销公司，页面比较明确地分成了AID三块。首先（A）有能吸引眼球的猴子:) 和一句醒目的核心描述（We make email marketing easy &amp; fun for 60,000 users); 然后（I）介绍了产品对用户的利益点；还有（D）来自权威媒体的背书；相对来说最后的（A） ，也就是signup稍微弱了一点。</p>
<p><img class="alignnone size-full wp-image-40" title="mailchimp_frontpage" src="http://www.webkeji.net/wp-content/uploads/2009/09/mailchimp_frontpage.jpg" alt="mailchimp_frontpage" width="382" height="589" /></p>
<p>（Note：现在<a href="http://www.mailchimp.com/">MailChimp</a>的首页已经出了新版了，在最后的Action这里明显加强了）</p>
<p>再举个比较古老的黄钻页面的例子看看（<a href="http://vip.qq.com/">QQ会员首页</a>目前为老用户服务的因素太多，反而不如这个页面“卖东西”的气味更明显）。<strong>此页面已下线，只是作为纯研究在这里使用</strong>。</p>
<p>首先有大图来视觉吸引，同时有对什么是黄钻的简单介绍（Attention），然后下面有对于黄钻具体功能的图文混排介绍（I）。但假设这是一个将新用户转化率作为第一目标的着陆页的话，按照上面的模型思考还是有后两步的缺失：</p>
<ul>
<li>在尝试引起用户的兴趣后，对于进一步推动用户的购买欲望导向不够（D），是否能用些类似”我们能给你提供……”/”为什么选择我们“/”还有谁使用了我们“这些来更明确地给用户开通的理由？</li>
<li>现在这个页面上对于最重要的“立即开通黄钻贵族”也严重导向不足，只有一个小的文字链；</li>
</ul>
<p><img class="alignnone size-full wp-image-41" title="Qzone_VIP" src="http://www.webkeji.net/wp-content/uploads/2009/09/Qzone_VIP.jpg" alt="Qzone_VIP" width="563" height="508" /></p>
<p>Reference：</p>
<ul>
<li><a href="http://en.wikipedia.org/wiki/AIDA_(marketing)">Wikipedia: AIDA (marketing)</a></li>
<li><a title="Permanent Link: AIDA模型 - 互联网新产品的首页设计原则" rel="bookmark" href="http://blog.luwenjin.com/index.php/2008/05/08/aida%e6%a8%a1%e5%9e%8b-%e4%ba%92%e8%81%94%e7%bd%91%e6%96%b0%e4%ba%a7%e5%93%81%e7%9a%84%e9%a6%96%e9%a1%b5%e8%ae%be%e8%ae%a1%e5%8e%9f%e5%88%99/">AIDA模型 &#8211; 互联网新产品的首页设计原则</a></li>
<li><a title="Five More Principles Of Effective Web Design" rel="bookmark" href="http://www.smashingmagazine.com/2008/04/24/5-more-principles-of-effective-web-design/">Five More Principles Of Effective Web Design</a></li>
</ul>
<p><a href="http://www.bshare.cn/share?url=http%3A%2F%2Fwebkeji.net%2F2009%2F09%2Fsales-oriented-web-design&title=%E4%B8%BA%E9%94%80%E5%94%AE%E6%9C%8D%E5%8A%A1%E7%9A%84%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E6%80%9D%E8%B7%AF+%E2%80%94+Sales-oriented+Web+Design+" title="用bShare分享或收藏本文"><img src="http://static.bshare.cn/frame/images/button_custom1-zh.gif" alt="用bShare分享或收藏本文" /></a></p>

<p>相关文章:<ol><li><a href='http://webkeji.net/2010/01/top-ecommerce-retailer-2010-part1' rel='bookmark' title='Permanent Link: 2010版美国零售网站百强专题：用创意打败萧条（上）'>2010版美国零售网站百强专题：用创意打败萧条（上）</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webkeji.net/2009/09/sales-oriented-web-design/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

