﻿<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:xg="http://ucdchina.com/schemas/rss">	
 		<channel>
 			<title>Landing Page引导页的设计 - UCD大社区</title>
 			<link>http://ucdchina.com/rss/topic_posts?id=352</link>
 			<description>Landing Page引导页的设计 - UCD大社区</description>
 			<webMaster>qingping.hu@gmail.com</webMaster>
			<pubDate>2026-04-30 13:13:04</pubDate>			<item>
				<title>LP页表单对用户转化率的数据分析</title>
				<link>http://ucdchina.com/snap/8514</link>
				<description>&lt;p&gt;这份数据来自HubSpot，是对40000个LP（landing page）页进行分析得出来。非常有意思。&lt;/p&gt;
 
&lt;p&gt;&lt;a rel=&quot;lightbox[298]&quot; href=&quot;http://www.xaoxua.com/upload/2010/11/lp.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img style=&quot;display:block;float:none;margin-left:auto;margin-right:auto;border:0px&quot; title=&quot;lp&quot; src=&quot;http://img.ucdchina.com/upload/snap/2010-11/342d83f3b1022d8ad9d9a2256e6a0145.jpeg&quot; border=&quot;0&quot; alt=&quot;lp&quot; width=&quot;484&quot; height=&quot;206&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;LP页主要是收集用户信息，使潜在用户变成目标用户。一方面我们希望得到用户尽可能多有用的信息，另外又希望用户尽快方便的完成。&lt;/p&gt;
 
&lt;p&gt;这里对LP页的各种表单，选单进行数据分析，使我们更能平衡用户体验和业务需求。&lt;/p&gt;
 
&lt;p&gt;首先分析表单的数量对用户的影响： &lt;img style=&quot;border:0px&quot; src=&quot;http://img.ucdchina.com/upload/snap/2010-11/7bf73d158596e9cfdd3663ac57844eec.png&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;发现用户对表单数量的上升，并没有产生较大的差异化。于是使用简单的、单行的文本输入域作为实验目标：&lt;/p&gt;
 
&lt;p&gt;&lt;img style=&quot;display:inline;border-width:0px&quot; src=&quot;http://img.ucdchina.com/upload/snap/2010-11/ca23e37ca101c1836bf96997b10dab77.jpeg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;结果数据还是不明显，于是加强了深度，使用多行的文本输入域来实验：&lt;/p&gt;
 
&lt;p&gt;&lt;a rel=&quot;lightbox[298]&quot; href=&quot;http://www.xaoxua.com/upload/2010/11/textareasresized600.jpg.png&quot; target=&quot;_blank&quot;&gt;&lt;img style=&quot;display:inline;border:0px&quot; title=&quot;textareas-resized-600.jpg&quot; src=&quot;http://img.ucdchina.com/upload/snap/2010-11/9c3a69a9967c5babdee2156a57a42d7b.png&quot; border=&quot;0&quot; alt=&quot;textareas-resized-600.jpg&quot; width=&quot;600&quot; height=&quot;464&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;这里就可以看出大块的文本域对用户就会产生非常大的影响。接下来使用带下拉菜单的选框。&lt;/p&gt;
 
&lt;p&gt;&lt;a rel=&quot;lightbox[298]&quot; href=&quot;http://www.xaoxua.com/upload/2010/11/selectsresized600.jpg.png&quot; target=&quot;_blank&quot;&gt;&lt;img style=&quot;display:inline;border:0px&quot; title=&quot;selects-resized-600.jpg&quot; src=&quot;http://img.ucdchina.com/upload/snap/2010-11/44463c1906358bf68ea541c06544a9f8.png&quot; border=&quot;0&quot; alt=&quot;selects-resized-600.jpg&quot; width=&quot;600&quot; height=&quot;464&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;很明显的带有选择的多个输入域也会造成严重的影响。&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2010-11/017800bf1e5d52c40c742f8cff9fe20f.gif&quot; border=&quot;0&quot; alt=&quot;&quot; width=&quot;0&quot; height=&quot;0&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/eary/438535519/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2010-11/c468458d6e91511e74cc24478111920c.gif&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://feed.feedsky.com/~flare/eary?a=dff552a9f33ab636dbdd861bfb295352&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2010-11/df67bec469eeec838af46a9955503803.gif&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://feed.feedsky.com/~flare/eary?a=78a1b82a85bc75001fe7b1d53c168c73&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2010-11/e09add81d953de8e2b8e66482be8434e.gif&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/352&quot; target=&quot;_blank&quot;&gt;Landing Page引导页的设计&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://www.xaoxua.com/productmanager/298.html&quot; target=&quot;_blank&quot;&gt;http://www.xaoxua.com/productmanager/298.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>风到月来</author>
				<pubDate>2010-11-21 21:55:16</pubDate>
			</item>			<item>
				<title>Landing Page引导页的设计</title>
				<link>http://ucdchina.com/snap/8530</link>
				<description>&lt;p&gt;上篇博文写的是关于LP，有朋友细问，这篇就写LP的设计。最近接触电商比较多，LP页对电商用处也比较大，尽管网上已经有很多经验什么的，我也来写一写。&lt;/p&gt;
 
&lt;p&gt;我习惯的称LP页为引导页，引导页是非常主动向用户推送内容，起到吸引注册或者使用某个产品等等使用户进一步使用的目的。现在很多的网站的首页经常就会用引导页作为首页，但是国内很多都搞成有奖销售了，不管三七二十一先在LP上放上有奖促销的活动，这里我也不谈这个，我从常规的方面谈一个引导页的设计，对从事电子商务的企业（B2C、B2B）或许有所启发。&lt;/p&gt;
 
&lt;p&gt;一个引导页必须包含的需求：&lt;br /&gt; 1.我（产品）是干嘛的？&lt;br /&gt; 2.你能得到什么好处？&lt;br /&gt; 3.你接下来干嘛？&lt;br /&gt; 4.如上一篇文章所示，我们也需要判断目标，一些产品需要我们进一步投入成本，就会引导填写一些基本信息让我们能进一步识别目标用户，这点在比较有细分的目标人群中比较受用。&lt;/p&gt;
 
&lt;p&gt;我们来看一个LP例子：&lt;/p&gt;
 
&lt;p&gt;&lt;a rel=&quot;lightbox[299]&quot; href=&quot;http://www.xaoxua.com/upload/2010/11/landing-page-example-300x269.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;landing-page-example-300x269&quot; src=&quot;http://img.ucdchina.com/upload/snap/2010-11/7cebeab0cf7ea2cce0023446ab76fdb1.png&quot; alt=&quot;&quot; width=&quot;300&quot; height=&quot;269&quot; /&gt;&lt;/a&gt;&lt;br /&gt; 这个图几乎就将LP页的各种元素展现出来了，一个常态的LP页，从信息展示到引导入口，都非常的明显。LP页实际是很简单，但是有时候为了满足我们本身的目的而加上很多让用户流失的。&lt;/p&gt;
 
&lt;p&gt;1. LP页不要用太多的文字&lt;br /&gt; LP页上尽量不要用什么欢迎用语，一堆公司信息等等浪费表情的文字，在网络上没人会对这些东西感信息，尤其是初次接触，你要一针见血的告诉用户&amp;ldquo;你能给他什么&amp;rdquo;为什么他要用你的产品。几句话，一定要抓重点，用户可以一眼就明白 ，多了哪可不行。&lt;/p&gt;
 
&lt;p&gt;2.大标题要醒目、明白&lt;br /&gt; 如同第一点说的，大标题一般就是给用户说明你能给他什么。这个大标题相当于是一个口号，比如QQ管家的：&amp;rdquo;超强电脑保护&amp;rdquo;,清晰简单明了。再看金山WPS的&amp;rdquo;更懂中文的办公软件&amp;ldquo;这就是一句废话。&lt;/p&gt;
 
&lt;p&gt;3.进行引导的操作鲜明&lt;br /&gt; 很简单，这个就是要吸引用户进行进一步动作的操作，早用户看了简单的信息后，头脑发热，就会迅速去进一步使用。&lt;/p&gt;
 
&lt;p&gt;4.同时记得还要一些能让用户安心的提示&lt;br /&gt; 这个就是一些社会媒体的证明了，比如电子商务网站可以在底部加上什么安全标示、一些权威认证。&lt;/p&gt;
 
&lt;p&gt;其实掌握了这基本上做出来的东西就不至于很差吧。&lt;/p&gt;
 
&lt;p&gt;我们来个实例：用金山WPS和QQ管家两个web页面进行比较，都是想引导用户进行下载软件的页面，我们看看谁能好。&lt;/p&gt;
 
&lt;p&gt;金山的这个LP页，在某种角度上来可以说已经是烂到了骨髓里。&lt;/p&gt;
 
&lt;p style=&quot;text-align:center&quot;&gt;&lt;a rel=&quot;lightbox[299]&quot; href=&quot;http://www.xaoxua.com/upload/2010/11/837629_45061499_1638481.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;wps&amp;mdash;lp&quot; src=&quot;http://img.ucdchina.com/upload/snap/2010-11/c2cce38dd9ace8d8d7e0d4bb02ab01ea.png&quot; alt=&quot;&quot; width=&quot;464&quot; height=&quot;480&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;这个页面完全是为IT人士或者熟手设计的，压根就没考虑新手，所以WPS用户量那么少，你们也知道的。&lt;br /&gt; 错误一：这个WPS到底是干嘛的？ 其实我真的不明白，办公软件多了去了，万一你丫的是复印汉字的这么搞？不是最懂汉字么！ 这点是最致命的错误，把你当成一个普通的草根用户，就算你将本页通读后你还是不明白WPS是干嘛的。&lt;br /&gt; 错误二：看见上面的快盘没有？这两个产品金山放在一起推广，要是我不是混挨踢的，我真不知道这两个产品有什么联系。&lt;br /&gt; 错误三：再下面的产品特性，这些是通篇的垃圾话，用户用你一个WPS你还让他们去学计算机科学么？&lt;br /&gt; 结论：典型的垃圾设计。&lt;/p&gt;
 
&lt;p&gt;再来看QQ电脑管家的LP页：&lt;/p&gt;
&lt;p style=&quot;text-align:center&quot;&gt;&lt;a rel=&quot;lightbox[299]&quot; href=&quot;http://www.xaoxua.com/upload/2010/11/QQ%E7%94%B5%E8%84%91%E7%AE%A1%E5%AE%B6.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;QQ电脑管家LP&quot; src=&quot;http://img.ucdchina.com/upload/snap/2010-11/28240b0468b42aa798d99bdff3d8735f.png&quot; alt=&quot;&quot; width=&quot;480&quot; height=&quot;386&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;对比一下，同样是推一款软件，差距就那么大呢。QQ电脑管家的LP页，大标题主题明确，两行文字将产品用途解释清清楚楚，用户一打开网页就明明白白，下载导向清晰可见，第一时间就把自己给成功卖出去了。&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2010-11/aa28c92991455b4c62ca6e64b404f0f3.gif&quot; border=&quot;0&quot; alt=&quot;&quot; width=&quot;0&quot; height=&quot;0&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/eary/439570235/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2010-11/e55edebd9d69f7e8c54ba2c60b2fe417.gif&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://feed.feedsky.com/~flare/eary?a=927599fddc9336c8ffb8b6731d79c13c&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2010-11/a4bb6a3b0a35569c4dd8c49bb92e696e.gif&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://feed.feedsky.com/~flare/eary?a=fcb87060f0e42c61f102aeb1e799fe4d&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2010-11/24b7da717739e6f2c2980d18e15f0396.gif&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/352&quot; target=&quot;_blank&quot;&gt;Landing Page引导页的设计&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://www.xaoxua.com/productmanager/299.html&quot; target=&quot;_blank&quot;&gt;http://www.xaoxua.com/productmanager/299.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>风到月来</author>
				<pubDate>2010-11-22 20:56:18</pubDate>
			</item></channel></rss>