- 浏览: 122521 次
- 性别:
- 来自: 上海
文章分类
最新评论
优质Landing Page的设计要素:
1. LP页面的headline要与广告投放的关键词遥相呼应:投放的关键词如果与LP页面的内容相符合那么关键词的评分就能提高,从而也会提高该关键词的可见度。
2. 简明扼要的LP headline:标题作为访问者第一眼看到的信息不应该是枯燥的和令人迷惑的,而是应该抓住他们的眼球使他们有欲望接着往下看; 另外,标题内容与页面内容相符更容易抓住用户。不要使用模糊的无意义的Headline。
3. 无懈可击的语法: 特别是电子商务网站,或者是想吸引人买东西&提供个人信息的网站。如果信息出现语法错误会让用户对网站安全性的信任出现危机。
4. 善用信任指引:一个快速有效建立信任的办法是使用成功故事、特别提示、保证、第三方认证、安全标志、信任证书(最好是Bussiniss Bureau 或者VeriSign等)
5. Call to action的引导要强: 当用户看过headline之后最重要的事情就是要让他们知道接下来要做什么。一个很典型的案例就是firefox网站把他们的“Try firefox”按钮改成“Download Now - Free”之后,点击下载按钮的人比之前多了3.6%,可信度为99%,结果就是在测试的时间中下载量多了500。 (关于Call to action的用词也是很有学问的,这个我在下周周报中再分享一下)
6. 按钮和Call to action要显眼: 将所提供服务中能够吸引用户注意的关键点标识出来,这些词可能是“new”"free”"buy" "download now"; 另外一个用于转化用户的按钮应该很显眼,而且应该放在Call to action的词语的正下方,或者按钮本身就是Call to action,此外,这样的按钮应该放在不需要用户滚动页面的地方。黄色或者橘色的按钮对于抓住用户的眼睛更有帮助。
7. 外连不要太多:太多跳转到其他页面的连接会对转化率有很多影响。连接对于一个HP来说也许是OK的,但是对于LP来说简单是王道。
8. 视频图片要与文案内容相关:用感染力极强的真是的用户案例(演说、视频都可以)会很容易打动用户,让他们更有欲望去看产品。
9. 重要信息不要放在第二屏:用户不需要滚动就能看到地方是网页最黄金的地方。把Call to action的按钮放在这些地方,并保障他们能被用户扫视看到。永远不要把按钮放在用户需要寻找才能发现的地方。
10. 不断地尝试:对于LP的优化要持续进行。用A/B tests, 修改文案、图片、Call to action等元素来看那些因素最能引起用户共鸣。另外,A/B testing两个不同版本的设计对页面的长期优化非常有好处。
发表评论
-
什么是完美
2013-05-06 10:58 638什么是完美? 准确满足需求或适应情况需要;这意味着,无论怎 ... -
设计沟通的七条经验
2013-04-07 14:27 735经常有新入职的同学, ... -
Specializing in the design and development of online platforms and applications,
2013-01-17 15:45 809SITEINSPIRE a showcas ... -
字体设计是网页设计的根本
2012-08-07 09:37 656你已寻找这个问题多 ... -
[iA 旧文] 网页设计工作的 95% 在于字体排印
2012-08-07 09:36 659网上 95% 的信息是文字。从逻辑上讲,网页设计师自然应 ... -
A/B测试得出的一些有意思的数据和小tips
2012-07-30 16:16 0原文:The Ultimate Guide To A ... -
分享"10个可用性guidelines"
2012-07-30 16:03 0原文在这儿,有兴趣的同学可以读读=) http://w ... -
伟大的交互界面都来自…… (转)
2012-07-30 15:27 664原文链接:http://apple4.us ... -
付款流程的11个最基本的guidelines
2012-07-30 15:19 704又是好文一篇,虽然说 ... -
Web可用性设计的247条指导方针
2012-07-30 15:13 874原文链接:http://www.userfocus.co ... -
卓越的Web软件具有下列品质
2012-07-24 11:35 599卓越的Web软件具有下列品质: ---- 确定产 ... -
Alibaba国际站首页改版小结
2012-07-18 12:40 553阿里巴巴国际站(Alibaba.com)是全球最大、最有影响力 ... -
逻辑路径与网格系统
2012-07-17 16:00 0栅格系统: 创建逻辑路径 除了要精确的遵从网格 ... -
用户体验的五层–概念篇
2012-07-16 15:06 745在找实习的过程中,算是有缘吧,交互设计走进了我的视野,不 ... -
美国广告设计实用教程--作品评价指南
2012-05-10 13:09 735最近在看High哥买的《美国广告设计实用教程》, 里面有 ... -
7个开发人员和设计师适用的WEB应用资源
2012-05-08 22:45 509对于开发人员和设计师来说,很多项目和设计都需要有前期的规 ... -
27个网页设计中色彩的使用
2012-05-08 22:38 653互联网上现在有着数不清的网站,公司的、个人的、政府的、公 ... -
30网页设计美丽纹理的启示
2012-05-08 22:37 563每个网站都会给人一种感觉。那种感觉可能是一见倾心,也可能 ... -
大多数用户既非新手,也不是专家,而属于中间用户
2012-05-07 23:21 606大多数用户既非新手,也不是专家,而属于中间用户。 即首 ... -
世界500强网站
2012-05-03 10:48 1290世界500强网站大多设计精美、大气简洁,视觉很不错,与大家一起 ...
相关推荐
Landing Page Example
landing page html website
Landing Page Optimization
INSPINIA_Landing_Page-v2.6.2.1
InspiniaAdmin 2.5 Landing_Page
startbootstrap-landing-page, 通过启动 Bootstrap 创建的响应性Bootstrap 启动页面模板 启动 Bootstrap land目标网页是由启动 Bootstrap 创建的用于 Bootstrap的多用途目标网页模板。预览 查看实时预览状态 下载和...
Food landing pageAdobeXD源码下载设计素材UI设计
landing-page-main.rar
day07-Split Landing Page(分割登陆页)
Mobile Application Landing PageAdobeXD源码下载设计素材UI设计
比萨店-登陆页面- 使用 HTML5 CSS3 和 BOOTSTRAP 和 Javascript 构建的 Pizzery Landing Page 设计
Landing page_欧美扁平化网页PSD模板美工UI.zip
Fudi Landing page_欧美扁平化网页PSD模板美工UI.zip
实现一个landing page编辑器自己之前的两个项目都经历了类似的功能,也总结出了一些新的,但是因为要赶项目进度所以没有认真梳理过。网上也有诸如stringkly这样的产品,这次自己重新实现一遍,尽量还原功能。
._Mobile Application Landing PageAdobeXD源码下载设计素材UI设计
portfolio-landing-page-源码.rar
landing-page-band-源码.rar
twinte-landing-page-next.rar
split_landing_page