定向提示:让访客采取行动的设计技巧
已发表: 2017-02-17您刚刚完成了下一个点击后登录页面的设计。 你制作了一个杀手级的标题和副标题,撰写了极具说服力的文案,完善了你的表格,创造了有史以来最好的 CTA,并且你的页面层次结构是正确的。 每个元素都处于说服访问者转换的最佳位置。
因此,您的点击后登录页面已准备好发布,对吗? 不完全的。
您将如何确保您的访问者观看您的团队花费数小时制作的视频? 或者访问者点击了那个完美的 CTA 按钮?
不要把这一切都留给机会; 将访问者准确定向到您希望他们去的地方。 让他们看看您希望他们关注(并采取行动)您最重要的点击后登录页面元素。
与 F-Pattern 和 Z-Pattern 布局类似,使用方向提示(又名视觉提示)可以影响访问者有意浏览您的页面。 所有这三个点击后登录页面设计组件都使用心理学来影响用户行为并帮助他们采取行动。
让我们仔细看看这是如何工作的。
什么是定向线索?
方向提示是视觉辅助工具,如箭头或模型的眼睛凝视,指向您的点击后登录页面中最重要的元素,例如您的潜在客户捕获表格、CTA、视频、推荐或折叠下方的信息。
定向线索有两种基本类型:隐性定向线索和显性定向线索。
在我们研究这两种方法如何有意识地吸引访客的注意力之前,让我们先看看这些视觉辅助工具背后的心理学。
视觉线索背后的心理学
视觉线索可以被认为是信号或共鸣,你的大脑可以潜意识地识别这些信号。 例如,在第一次约会时,你可以通过他或她发送的氛围——肢体语言、眼神交流、面部表情——来了解你的约会对象是否感兴趣。 甚至在没有意识到的情况下,你从每个人身上都感受到了这些共鸣。
点击推文
您可以在数字营销和点击后登录页面中传达和接收相同的氛围。 点击后登录页面上的视觉提示为访问者提供了一种微妙的信息、氛围和感觉。
对于点击后登录页面,是什么决定了我们如何翻译这些共鸣或提示? 通常,是我们过去的经验和储存的知识往往会影响我们的看法。 正如您将在下面看到的,各种信号可以帮助引导访问者与您的页面互动并采取行动。
点击后登录页面上的隐式方向提示
隐含的方向线索是微妙的,通常不会被访问者注意到。 最常见的类型包括空白、颜色对比和封装。 下面来看看每一个:
留白
空白是点击后登录页面的负空间或空白区域,有助于吸引对特定元素的注意。 添加空白有助于简化您的页面、改善用户体验并提高对您的报价的整体理解。 这是因为,由于要关注的元素较少,访问者被迫查看您希望他们查看的内容。
这是 Percolate 的点击后登录页面,它在标题、副标题和潜在客户捕获表单周围使用了大量空白:

颜色对比
对比色作为方向提示,因为鲜明的颜色差异使游客注意该区域。
为了演示,Marketo 在此点击后登录页面上提供了社交媒体营销指南,但 CTA 丢失了,因为颜色对比不存在:

但是在这个 Codify Academy 点击后登录页面上,CTA 按钮跳出页面,因为红色与其他所有颜色形成对比:

封装
封装或元素的框架是另一种通过创建一个封闭的焦点窗口来突出页面上重要内容的方法。 设计师通常使用框、轮廓和/或对比色来减少页面混乱并吸引对特定元素的注意。
贝尔维尤大学在下面的页面中两次使用了这种技术——在标题图像和表格中。 但是,该表单更加封装,因为它被设计在一个对比鲜明的紫色框中,以让点击后登录页面的访问者提交他们的信息:

点击后登录页面上的明确方向提示
与隐式提示相比,显式提示对人眼来说非常明显,因此通常可以立即发现它们。 眼睛注视、指向或手势、战略目标定位、箭头和线条都包含在这一组中。 让我们仔细看看每种类型:
视线
使用人眼注视作为方向提示在点击后登录页面上特别有效。 人们倾向于看其他人正在看的东西,因此如果屏幕上的某个人在看表格,那么访问者也更有可能注意到该表格。 这种技术会潜意识地影响访客看你想要的地方,并增加个人吸引力。 唐纳德·特朗普和希拉里·克林顿都了解这种技术的价值——在竞选期间在他们的捐赠页面上使用它。

这是来自 Capella 大学的点击后登录页面,其中有一个微笑的学生看着标题、副标题和表格的方向。 甚至在没有意识到的情况下,访问者也可能将注意力集中在这里:

社会证明(例如推荐)也可以利用眼睛凝视,如我工作时的页面所示:

指向或打手势
与眼睛注视类似,对重要元素有一个模型点或手势可以让访问者专注于该区域。 由于这种技术不像眼睛注视那样微妙; 手势可能会显得俗气和不自然。 因此,一定要使用不同的手势对你的页面进行 A/B 测试,看看什么会产生最好的结果。
物体定位
定位图像使它们指向特定的焦点区域会吸引潜在客户的注意力并使该特定元素更加引人注目。
U-Pack 确保每个访问者都能注意到他们的点击后登录页面表单。 他们不仅用黑色边框将其封装起来,而且还放置了一辆面向表单的移动卡车,因此访问者不禁注意到:

箭头
无论是移动的还是静止的,箭头都是最常用的明确方向提示之一,因为它们简单易懂。
Loud Rumor 在其两步选择加入表单上使用固定的手绘箭头来影响 CTA 按钮的点击:

尽管网络用户习惯于滚动,但通常也会放置箭头来帮助访问者在折叠下方导航。 查看 Constant Contact 如何使用简单的封闭箭头执行此操作:

这是来自 Boardvantage 的另一个 - 其中箭头是超链接的。 单击后,页面会滚动到折叠下方并显示三个不同的用例:

线
线条是不太明显的线索之一,但由于人类倾向于自然地遵循路径,因此它们在点击后登录页面上非常有用。 这是因为线性方向提示可以引导访问者浏览页面的不同部分,或帮助潜在客户专注于页面的特定部分。
例如,Datorama 使用向上趋势的图形线突出显示“立即尝试”CTA 按钮。 当访问者单击该按钮时,他们会被发送到页面底部的潜在客户捕获表单,他们可以在其中注册免费的 Datorama 试用版:

用方向提示影响访问者进行转化
让我们重新解决我们在开头总结的几乎完美的点击后登录页面。
虽然您的标题、文案、表单和号召性用语对于推动转化至关重要; 这些元素只是访问者点击后登录页面体验的一部分。 添加一些隐含和明确的方向性线索,以确保您的潜在客户将注意力集中在对您的转化目标最重要的事情上。
您会将哪些提示添加到下一个点击后登录页面? 无论您做出什么决定,都可以在几分钟内使用 Instapage 创建完全优化的点击后登录页面。 立即注册 Instapage Enterprise 演示。
