`

优质Landing Page的设计要素

 
阅读更多

优质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两个不同版本的设计对页面的长期优化非常有好处。

 

 

  • 大小: 406.4 KB
分享到:
评论

相关推荐

    landing-page-main.rar

    在网页设计中,落地页(Landing Page)扮演着至关重要的角色,它通常是用户首次接触网站的入口,直接影响到用户的留存率和转化率。本篇文章将针对“landing-page-main”这一源码进行深入探讨,揭示如何构建一个高效...

    responsive-landing-page-test

    总的来说,"responsive-landing-page-test"项目涵盖了HTML5响应式设计的核心原则,包括流式布局、弹性图片和媒体查询。通过这个项目,我们可以学习如何创建一个在任何设备上都能提供优质用户体验的登录页面,并且...

    Product-Landing-Page

    Landing-Page"项目中,你可能还会遇到其他HTML和CSS技术,如使用标签创建链接,用展示图片,用创建交互按钮,以及使用CSS的background-image、font-family、color、padding、margin等属性来美化和调整元素样式。...

    consultant-landing-page:着陆页适用于台式机和移动设备

    总结来说,“consultant-landing-page”项目是一个全面考虑了多设备兼容性和用户体验的Web设计项目,利用SCSS的强大功能,确保了样式代码的高效性和可维护性。通过精心设计和测试,这个着陆页将有助于提升顾问服务的...

    landing-page-v2:到达网页v2

    "landing-page-v2:到达网页v2"是一个项目,它涉及构建一个更新版本的登录页面,使用了名为“Rigel协议”的技术。这个项目的主要目的是改进用户到达网站时的初始体验,提供一个更加吸引人且功能完善的登录界面。在...

    meet-landing-page:使用HTML和Sass的MEET登陆页面

    :waving_hand: 感谢您购买此优质的Frontend Mentor编码挑战。 挑战可帮助您构建现实的项目,从而提高您的编码技能。 这些高难度挑战是完美的投资组合,因此,请随时使用您在投资组合中创建的内容向其他人展示。 ...

    Google-s-landing-page:这是Google主页

    Google的登陆页面设计遵循了极简主义原则,页面元素非常有限,只包含一个大的搜索框和两个按钮——“Google 搜索”和“I'm Feeling Lucky”。这种设计不仅使得用户可以快速聚焦于主要功能,同时也降低了页面加载时间...

    dantcho-personal-website-landing-page-experiment:我不再从事这个项目

    相反,这恰恰证明了在注重功能实现的同时,优质的用户体验同样重要。对于开发者来说,不断探索和实践新的技术和设计趋势,如JavaScript动画效果,是提升自身技能、适应行业发展的重要途径。 总结而言,Dantcho个人...

    swimming-from-zero-to-hero-landing-page:移动友好且完全响应的游泳课程网站。 从PSD文件转换为HTML,CSS和JavaScript(最初是桌面版本,仅着陆页设计,我将其转换为可在不同设备上进行响应的屏幕)

    《从零到游泳英雄:构建响应式游泳课程网站》 在今天的数字时代,拥有一个吸引人的、移动友好的...通过精心设计和开发,我们可以创建出一款在任何设备上都能提供优质体验的网站,帮助游泳课程的推广和教学活动的开展。

    LandingPage-Template:HTML,CSS和Bootstrap的我的下一个实践

    1. 清晰的焦点:Landing Page应集中展示一个主要信息或目标,避免过多干扰元素。 2. 强大的标题:吸引人的标题能迅速传达页面主题,引起用户兴趣。 3. 呼吁性用语(CTA):明确的CTA按钮指导用户进行下一步操作。 4....

    LandingPage:我第一次尝试创建桌面优先着陆页

    在IT行业中,着陆页(Landing Page)是网页设计中的一个重要概念,尤其在桌面优先的设计策略中。桌面优先意味着设计师首先关注桌面用户的体验,然后根据需要调整为移动设备的适配。这样的方法确保了在大屏幕上的内容...

    Push Ads了解如何通过推送通知广告每月赚取 10000 美元.pdf

    4. `Landing Page Template Collection` 提供了不同类型的落地页模板,用于提高广告转化率。 5. 各个章节下的HTML、CSS、图片和JS文件可能是教程中使用的示例页面和设计元素。 ### 最佳实践 - **目标定位**:精确...

    landingpage

    标题“landingpage”暗示我们即将讨论的是关于网页设计中的着陆页(Landing Page)相关知识,而描述中同样提到“landingpage”,这表明重点可能在于如何创建或优化着陆页。标签“CSS”提示我们将深入探讨使用CSS...

Global site tag (gtag.js) - Google Analytics