Landing Page引导页的设计

上篇博文写的是关于LP,有朋友细问,这篇就写LP的设计。最近接触电商比较多,LP页对电商用处也比较大,尽管网上已经有很多经验什么的,我也来写一写。

我习惯的称LP页为引导页,引导页是非常主动向用户推送内容,起到吸引注册或者使用某个产品等等使用户进一步使用的目的。现在很多的网站的首页经常就会用引导页作为首页,但是国内很多都搞成有奖销售了,不管三七二十一先在LP上放上有奖促销的活动,这里我也不谈这个,我从常规的方面谈一个引导页的设计,对从事电子商务的企业(B2C、B2B)或许有所启发。

一个引导页必须包含的需求:
1.我(产品)是干嘛的?
2.你能得到什么好处?
3.你接下来干嘛?
4.如上一篇文章所示,我们也需要判断目标,一些产品需要我们进一步投入成本,就会引导填写一些基本信息让我们能进一步识别">目标用户,这点在比较有细分的目标人群中比较受用。

我们来看一个LP例子:

这个图几乎就将LP页的各种元素展现出来了,一个常态的LP页,从信息展示到引导入口,都非常的明显。LP页实际是很简单,但是有时候为了满足我们本身的目的而加上很多让用户流失的。

1. LP页不要用太多的文字
LP页上尽量不要用什么欢迎用语,一堆公司信息等等浪费表情的文字,在网络上没人会对这些东西感信息,尤其是初次接触,你要一针见血的告诉用户“你能给他什么”为什么他要用你的产品。几句话,一定要抓重点,用户可以一眼就明白 ,多了哪可不行。

2.大标题要醒目、明白
如同第一点说的,大标题一般就是给用户说明你能给他什么。这个大标题相当于是一个口号,比如QQ管家的:”超强电脑保护”,清晰简单明了。再看金山WPS的”更懂中文的办公软件“这就是一句废话。

3.进行引导的操作鲜明
很简单,这个就是要吸引用户进行进一步动作的操作,早用户看了简单的信息后,头脑发热,就会迅速去进一步使用。

4.同时记得还要一些能让用户安心的提示
这个就是一些社会媒体的证明了,比如电子商务网站可以在底部加上什么安全标示、一些权威认证。

其实掌握了这基本上做出来的东西就不至于很差吧。

我们来个实例:用金山WPS和QQ管家两个web页面进行比较,都是想引导用户进行下载软件的页面,我们看看谁能好。

金山的这个LP页,在某种角度上来可以说已经是烂到了骨髓里。

这个页面完全是为IT人士或者熟手设计的,压根就没考虑新手,所以WPS用户量那么少,你们也知道的。
错误一:这个WPS到底是干嘛的? 其实我真的不明白,办公软件多了去了,万一你丫的是复印汉字的这么搞?不是最懂汉字么! 这点是最致命的错误,把你当成一个普通的草根用户,就算你将本页通读后你还是不明白WPS是干嘛的。
错误二:看见上面的快盘没有?这两个产品金山放在一起推广,要是我不是混挨踢的,我真不知道这两个产品有什么联系。
错误三:再下面的产品特性,这些是通篇的垃圾话,用户用你一个WPS你还让他们去学计算机科学么?
结论:典型的垃圾设计。

再来看QQ电脑管家的LP页:

对比一下,同样是推一款软件,差距就那么大呢。QQ电脑管家的LP页,大标题主题明确,两行文字将产品用途解释清清楚楚,用户一打开网页就明明白白,下载导向清晰可见,第一时间就把自己给成功卖出去了。

来源:http://www.xaoxua.com/pro……ager/299.html

时间: 2024-08-03 04:42:13

Landing Page引导页的设计的相关文章

LP(landing page)页分析:平衡用户体验和业务需求

网页制作Webjx文章简介:表单页面内容对用户流失率的影响. 这份数据来自HubSpot,是对40000个LP(landing page)页进行分析得出来.非常有意思. LP页主要是收集用户信息,使潜在用户变成目标用户.一方面我们希望得到用户尽可能多有用的信息,另外又希望用户尽快方便的完成. 这里对LP页的各种表单,选单进行数据分析,使我们更能平衡用户体验和业务需求. 首先分析表单的数量对用户的影响:   发现用户对表单数量的上升,并没有产生较大的差异化.于是使用简单的.单行的文本输入域作为实验

移动界面设计技巧:引导页设计技巧总结

文章描述:引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助.在移动互联网的产品的设计中,新手引导的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体操作方式.为了完成不 前言: 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助.在移动互联网的产品的设计中,新手引导的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体

怎么设计受欢迎的引导页?

  今天微博的@Jason-yangsong 同学分享了他的处女作,虽然是第一次总结,但文章很有看点,以常用的引导页作为切入点,结合引导页目的与设计原则,帮设计师深入到用户体验层面思考引导页的设计,实例与理论兼备,特别值得借鉴哟. 一.用户引导的作用 移动应用在新用户注册以及新版本发布的时候都会使用用户引导,那用户引导的作用是什么呢? 可以从两方面来进行探讨:一方面从产品的角度出发,产品需要通过用户引导来突出产品的新功能和特性,说明功能结构变化,避免产品的陌生感,满足产品的需求.例如花瓣,通过图

如何设计受欢迎的引导页?

  迎客入门,该大方热情还是谦卑有序?是张灯结彩还是朴素平常?对于引导页来说,这都得看产品的调性.今天分享一篇好文,针对不同类型的软件,提出切实可行的具体建议,是引导页设计不可多得的好教程,赶紧来学习吧! 当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验.因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜.那接下来我跟大家一起来探讨关于引导页的设计. 一. 目的区分 根据引导页的

如何设计移动应用引导页

  编者按:今天的译文绝对值得设计师收藏!来自设计网站的龙头老大Smashingmagazine,专业全面,条理性强,一篇文章几乎包括了移动应用引导页的全部设计方式,还分析了知名APP的反面例子,可以说是搞定引导页的最实用指南,赶紧来学习下! 译文很用心,原文有误的地方都有提醒,欢迎同学们关注译者的微信公众号"开卷有译". 如今,移动应用对首次使用的用户呈现欢迎页这种方式已经越来越流行了.这样做的目的就是向用户介绍并展示我们的应用. 引导页往往是与用户进行交互的第一组界面,于此同时,这

App应用引导页设计教程

引导页是用户在首次安装并打开App应用后,呈现给用户的说明书.目的是希望用户能在最短的时间内,了解这个应用的主要功能.操作方式并迅速上手,开始体验之旅.既然是说明书那难免不受待见,因为我们的用户总是傲娇,他们不喜欢被教育.被说明,他们喜欢一口气划过引导页,直接上手,但是在碰到问题.遇到挫折的时候又会各种别扭.所以这就需要设计师非常用心的去处理引导页的设计. 丰富多彩.风格迥异的引导页设计 有些引导页则沉稳大气,适合资讯类的应用,给人以可信赖感.例如搜狐新闻客户端的引导页设计,摒除了所有多余的设计

移动端引导设计技巧1:前置的引导页

前言: 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助.在移动互联网的产品的设计中,新手引导的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体操作方式.为了完成不同的引导内容和引导的目标,移动端的引导设计会根据需求进行不同的多样化处理.根据引导出现的时机,可以分为前置型的引导与过程中的引导. 前置型的引导:在用户还没有正式开始使用这个产品时给出的一系列帮助内容.主要的设计方式为引导页的设计.过程中的引

如何让用户最短时间内接受应用:引人入胜的引导页设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 引导页是用户在首次安装并打开应用后,呈现给用户的说明书.目的是希望用户能在最短的时间内,了解这个应用的主要功能.操作方式并迅速上手,开始体验之旅.既然是说明书那难免不受待见,因为我们的用户总是傲娇,他们不喜欢被教育.被说明,他们喜欢一口气划过引导页,直接上手,但是在碰到问题.遇到挫折的时候又会各种别扭.所以这就需要设计师非常用心的去处理引导页

Landing Page表单对用户转化率的数据分析

这份数据来自HubSpot,是对40000个LP(landing page)页进行分析得出来.非常有意思. LP页主要是收集http://www.aliyun.com/zixun/aggregation/10619.html">用户信息,使潜在用户变成目标用户.一方面我们希望得到用户尽可能多有用的信息,另外又希望用户尽快方便的完成. 这里对LP页的各种表单,选单进行数据分析,使我们更能平衡用户体验和业务需求. 首先分析表单的数量对用户的影响: 发现用户对表单数量的上升,并没有产生较大的差异