建立10个高转换目标网页UX技巧

从广义上讲，登陆页面是访问者通过的"登录"网站网页。主页通常用作登陆页面，但任何其他页面都可以是登陆页面。例如，如果你从百度阅读这篇特定的文章，那么在你的情况下，这篇文章的页面就是目标页面。

在网络营销的世界里，设计师还创建了一个特定的登陆页面来补充目标广告活动。此外，在过去的几年里，许多品牌已经开始按照与目标登陆页面相同的原则建立主页。后者的做法在单产品品牌中尤为典型，例如网络和移动应用程序。

登陆页的主要业务目标是优化转化率（CRO）。设计师可以使用许多最佳实践来提高转换率(让更多的人注册、下载、购买等)。本文将向您展示10个UX设计技巧，并提供创建高转换目标网页的真实例子。

1.将您的主要业务目标转变为CTA

许多登陆页面希望同时实现太多的目标。然而，信息过多的访问者很容易感到困惑和离开。在设计目标网页之前，请仔细考虑您的主要业务目标。你想让人们下载你的应用程序吗？获取Beta测试人员？推出新产品？增加新闻通讯注册？找到答案后，可以将主要业务目标转化为引人注目的号召性语言（CTA）。

例如，查看Cryptagon加密货币投资组合跟踪器登录页面。你一眼就能看出他们的主要业务目标——他们希望人们注册他们的应用程序。消息在整个页面上保持一致，他们不会因为任何不必要的信息而分散访问者的注意力。

2.在标题中指出主要好处

如果你想创建一个高转化率的目标网页，标题清晰是非常重要的。一个好的标题应该简短、醒目、有针对性。着陆页面经常出现这样的错误：标题从网站所有者的角度指定了产品的优势。但是，应该相反。标题只有从用户的角度显示产品的优势时，才可以将访客变成潜在客户。

例如，Uber目标网页有一个醒目的标题。它只由两个词组成，但它抓住了服务的本质。"到达那里"口号是一个强大的动作动词（" Get"）一开始，动词实际上呼吁访问者采取行动。标题下还有一个字幕，可以加强信息，进一步说服观众尝试Uber。

3.深入了解产品的工作原理

许多人倾向于只相信自己的眼睛。直观地展示产品的工作原理，可以说服更多的人考虑购买。如果将插图用作英雄图像，该方法特别有效。幻灯片图像(有时也叫标头图像)是位于折页上方的全图像，用作标题背景(有时简短描述)和号召性语言。

PayPal信用卡阅读器的登录页面以两种不同的方式同时显示产品的运行。在前景中，你可以看到两个读卡器和PayPal产品照片的应用程序。在后台使用产品时，有两个人，一个店主和一个顾客。这两个图像相互支持，为观众提供了他们需要的所有信息的安全感。

4.布局异常

为了使你的目标网页成功，你需要脱颖而出。有很多方法可以实现这一点——使用非常规布局是最好的方法之一。自从Bootstrap之类的前端框架问世以来，盒子样式的布局在网络上随处可见。因此，以不寻常的布局显示信息会让观众对你的产品更感兴趣。

Ascend Indiana这种方法用于招聘机构的登录页面。他们围绕放大的标志安排了标志的文本内容。标志的特点还包括两幅与机构活动相关的图像——开朗的求职者和印第安纳州的城市景观。也许他们在登录页面后没有找到更好的方法立即吸引目标受众。

5.包括知名品牌的标志

知名品牌的标志可以作为视觉提示，吸引不知不觉地浏览页面，充分证明该产品是由一家值得信赖的公司生产的。不要只考虑客户或合作伙伴的标志。如果您的产品或公司在可靠的出版物中被推荐，请不要犹豫添加"精选于"部分。或者，如果您的产品以某种方式补充或增强知名品牌，也可以在目标网页上添加其标识。

Platforma Web使用其他公司的徽标徽标来赢得访问者的信任。在产品图片的正下方，显示了线框套件中使用的工具的标志。例如，所有品牌都受到观众的欢迎，Sketch，Photoshop或Adobe Illustrator。他们继续在页面上向下使用徽标，例如，他们也有令人印象深刻的印象"使用者"部分。

6.使用独特的图形

独特的图形和异常的布局有相同的目的。他们打算让页面脱颖而出，给观众留下持久的印象。假如你经常浏览Web，您会发现Web许多不同的设计师使用独特图形的方法。手绘产品照片，自定义图标集，代表用户或创作者精心设计的人物，甚至连环画。

"i done this"团队进度跟踪应用程序是我见过的最好的图形之一。他们使用常见的"图标和功能"但手绘动物角色使插图成为百万分之一。绘制动物应用程序功能的情况下绘制动物。比如公鸡每天提供状态更新，马蹄盖印文件等。

7.添加数据或统计数据

最近，我们详细介绍了在网页上使用数字数据是当前网页设计的趋势。人们每天都被大量的信息轰炸，所以过去几年平均注意力跨度急剧下降。通过在设计中包含数字/百分比或图表/图表，以视觉方式向用户显示数据，可以帮助您赢得他们的信任。

Hotelchamp在着陆页面上使用此类设计技术预订平台。这些数字与潜在客户有关，因为它们显示了该平台如何影响用户的业务。页面上有四个不同的数字数据(酒店数量、国家/地区数量、预订数量的增长百分比、与应用程序集成的预订引擎数量)。四是一个很好的数字，因为它们显示的数据很有说服力，但技术仍然不过分。

8.轻松聊天联系

如果您想获得高转换率，您的目标网页还需要提供客户服务，以便访问者能够提出他们的问题。无论您是提供电子邮件表单、实时聊天气泡还是直接呼叫按钮，最重要的是联系人选项必须始终可见且易于使用。

在GoDaddy的SEO在服务登陆页面上，您可以看到该方法的优雅实现。粘性标题会出现一个"请求呼叫"因此，当用户向下滚动页面时，按钮总是可用的。另外，右下角还有一个实时聊天图标，使用对比色(紫色)。实时聊天图标也可以在整个时间内看到。为客户提供选择是一种很好的营销策略，表明他们的需求得到了真正的照顾。

9.重复页面底部的号召性语言

在目标网页的不同位置重复呼叫语言是一种著名的营销技术。带标题、简短描述和可识别按钮的号召性语言应始终显示在首屏上方。许多设计师选择重复标题中的按钮，因为当用户向下滚动页面时，它仍然可见。但是，如果滚动目标页面较长，最好在页面底部重复CTA。

利用着陆页转换的优化技术，在疯狂的鸡蛋热图工具中。在下面的屏幕截图中，您可以看到页面的底部。虽然输入字段中的占位符文本保持不变（"您的网站URL"），但是按钮的标签发生了变化。他们使用页面顶部" Analyze"在页面底部切换动作动词" Get Started"调用。

他们为什么这么做？与向下滚动页面获取尽可能多信息的观众相比，向下滚动前单击右上角CTA按钮的观看者属于不同的用户组。因此，以不同的方式解决它们是有意义的。只要你认为这是合理的，不要害怕（稍微）改变CTA的语气。

10.使用引人注目的产品CTA按钮设计

为了提高目标网页的转化率，您需要在整个页面上设计一个视觉突出的呼叫语言按钮。颜色、形状、位置、布局都很重要。没有一般规则，但按钮必须与设计的其他部分完全匹配。

例如，Lumio书签管理器应用程序CTA按钮放在粘性标头中间，在整个用户会话中始终可见。椭圆形按钮和Lumio徽标与圆形社交媒体图标完美融合。而且因为黄色有一定的阳光感，所以"获取Lumio"按钮成为整个页面上最引人注目的视觉元素。

了解更多关于目标网页设计的信息

了解如何构建高转化率目标网页只是掌握交易的第一步。分析和理解其他设计师的工作同样重要。为了增加您对目标网页设计的了解，请查看我们的如何设计高用户转化率的登陆页面。