- 浏览: 128177 次
- 性别:
- 来自: 上海
文章分类
最新评论
优质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 681什么是完美? 准确满足需求或适应情况需要;这意味着,无论怎 ... -
设计沟通的七条经验
2013-04-07 14:27 773经常有新入职的同学, ... -
Specializing in the design and development of online platforms and applications,
2013-01-17 15:45 887SITEINSPIRE a showcas ... -
字体设计是网页设计的根本
2012-08-07 09:37 690你已寻找这个问题多 ... -
[iA 旧文] 网页设计工作的 95% 在于字体排印
2012-08-07 09:36 698网上 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 713原文链接:http://apple4.us ... -
付款流程的11个最基本的guidelines
2012-07-30 15:19 781又是好文一篇,虽然说 ... -
Web可用性设计的247条指导方针
2012-07-30 15:13 900原文链接:http://www.userfocus.co ... -
卓越的Web软件具有下列品质
2012-07-24 11:35 630卓越的Web软件具有下列品质: ---- 确定产 ... -
Alibaba国际站首页改版小结
2012-07-18 12:40 585阿里巴巴国际站(Alibaba.com)是全球最大、最有影响力 ... -
逻辑路径与网格系统
2012-07-17 16:00 0栅格系统: 创建逻辑路径 除了要精确的遵从网格 ... -
用户体验的五层–概念篇
2012-07-16 15:06 818在找实习的过程中,算是有缘吧,交互设计走进了我的视野,不 ... -
美国广告设计实用教程--作品评价指南
2012-05-10 13:09 764最近在看High哥买的《美国广告设计实用教程》, 里面有 ... -
7个开发人员和设计师适用的WEB应用资源
2012-05-08 22:45 537对于开发人员和设计师来说,很多项目和设计都需要有前期的规 ... -
27个网页设计中色彩的使用
2012-05-08 22:38 690互联网上现在有着数不清的网站,公司的、个人的、政府的、公 ... -
30网页设计美丽纹理的启示
2012-05-08 22:37 593每个网站都会给人一种感觉。那种感觉可能是一见倾心,也可能 ... -
大多数用户既非新手,也不是专家,而属于中间用户
2012-05-07 23:21 638大多数用户既非新手,也不是专家,而属于中间用户。 即首 ... -
世界500强网站
2012-05-03 10:48 1319世界500强网站大多设计精美、大气简洁,视觉很不错,与大家一起 ...
相关推荐
在网页设计中,落地页(Landing Page)扮演着至关重要的角色,它通常是用户首次接触网站的入口,直接影响到用户的留存率和转化率。本篇文章将针对“landing-page-main”这一源码进行深入探讨,揭示如何构建一个高效...
总的来说,"responsive-landing-page-test"项目涵盖了HTML5响应式设计的核心原则,包括流式布局、弹性图片和媒体查询。通过这个项目,我们可以学习如何创建一个在任何设备上都能提供优质用户体验的登录页面,并且...
Landing-Page"项目中,你可能还会遇到其他HTML和CSS技术,如使用标签创建链接,用展示图片,用创建交互按钮,以及使用CSS的background-image、font-family、color、padding、margin等属性来美化和调整元素样式。...
总结来说,“consultant-landing-page”项目是一个全面考虑了多设备兼容性和用户体验的Web设计项目,利用SCSS的强大功能,确保了样式代码的高效性和可维护性。通过精心设计和测试,这个着陆页将有助于提升顾问服务的...
"landing-page-v2:到达网页v2"是一个项目,它涉及构建一个更新版本的登录页面,使用了名为“Rigel协议”的技术。这个项目的主要目的是改进用户到达网站时的初始体验,提供一个更加吸引人且功能完善的登录界面。在...
:waving_hand: 感谢您购买此优质的Frontend Mentor编码挑战。 挑战可帮助您构建现实的项目,从而提高您的编码技能。 这些高难度挑战是完美的投资组合,因此,请随时使用您在投资组合中创建的内容向其他人展示。 ...
Google的登陆页面设计遵循了极简主义原则,页面元素非常有限,只包含一个大的搜索框和两个按钮——“Google 搜索”和“I'm Feeling Lucky”。这种设计不仅使得用户可以快速聚焦于主要功能,同时也降低了页面加载时间...
相反,这恰恰证明了在注重功能实现的同时,优质的用户体验同样重要。对于开发者来说,不断探索和实践新的技术和设计趋势,如JavaScript动画效果,是提升自身技能、适应行业发展的重要途径。 总结而言,Dantcho个人...
《从零到游泳英雄:构建响应式游泳课程网站》 在今天的数字时代,拥有一个吸引人的、移动友好的...通过精心设计和开发,我们可以创建出一款在任何设备上都能提供优质体验的网站,帮助游泳课程的推广和教学活动的开展。
1. 清晰的焦点:Landing Page应集中展示一个主要信息或目标,避免过多干扰元素。 2. 强大的标题:吸引人的标题能迅速传达页面主题,引起用户兴趣。 3. 呼吁性用语(CTA):明确的CTA按钮指导用户进行下一步操作。 4....
在IT行业中,着陆页(Landing Page)是网页设计中的一个重要概念,尤其在桌面优先的设计策略中。桌面优先意味着设计师首先关注桌面用户的体验,然后根据需要调整为移动设备的适配。这样的方法确保了在大屏幕上的内容...
4. `Landing Page Template Collection` 提供了不同类型的落地页模板,用于提高广告转化率。 5. 各个章节下的HTML、CSS、图片和JS文件可能是教程中使用的示例页面和设计元素。 ### 最佳实践 - **目标定位**:精确...
标题“landingpage”暗示我们即将讨论的是关于网页设计中的着陆页(Landing Page)相关知识,而描述中同样提到“landingpage”,这表明重点可能在于如何创建或优化着陆页。标签“CSS”提示我们将深入探讨使用CSS...