阅读本文,您将能够在以下方面有所提高:

1、洞察网站的行动诉求;

2.设计行动呼吁的8个要素;

3、页面上诉处的位置;

弹出窗口,这个鬼东西,每个人都讨厌,但如果不放在网站上,咨询肯定会受到影响。

为了改善用户体验,百度发布通知,禁止广告登陆页面上弹出窗口的所有形式、大小和位置,将于2017年8月16日实施。15日,我们开始撤下未及时修改的页面,不再显示弹出窗口(根据官方消息来源,广告可能会被进一步封锁)

没有弹出窗口。我该怎么办?

百度禁止弹出窗口对许多人来说是个坏消息,但从另一个角度来看,这是一个迫使自己使用正确方法来提高网站用户体验和转化率的机会。

本文介绍了禁止弹出窗口的对策。根据文章中的建议,将不再有恼人的弹出窗口,并将有机会大大提高网站的转化率。

让我们先学习一个概念:行动号召

★网站的行动号召是什么?

在营销网站或登录页面上,那些出现在说服逻辑中的主动邀请用户采取行动的元素被称为行动号召。行动号召是网站移动性的重要组成部分。在这里,最好提出当前的说服逻辑,而不是那些突然弹出并强迫用户意外聊天的窗口。

行动呼吁通常出现在网站的某些内容之后,例如标题、吸引进一步行动的一段文字,无论是在网站的原文还是内容中。

行动号召,希望用户在看到这些内容后主动响应号召,而不是强迫,这是行动号召和弹出窗口的最大区别。

例如,一目了然。

如下图所示,标题解释了“你为什么要买书”。下图告诉你这本书是什么样的,接下来是两个行动呼吁:一个是“点击了解书的具体内容”二是“购买作者的签名版本”。

(号召用户“买书”)

★什么样的行动呼吁是有效的?

也许对许多人来说,上述行动呼吁并不陌生。然而,许多网站没有足够重视行动号召的设计。有两个一般原因:

1、没有真正理解或认识到行动号召的好处。

2.缺乏设计有效行动号召的经验。

这也是你应该仔细阅读和收集这篇文章的原因。

现在让我们来谈谈什么样的行动号召可以提高网站的转化率并赚更多的钱。

设计行动呼吁时,请记住以下8点:

1.呼吁简单和直接

简单和直接是行动呼吁设计的基本要求,就像寻求帮助一样,你必须让对方知道该做什么。我们怎么能简单直接呢?这里有两个建议。

◢直接告诉用户他们想要他做什么;

◢不拐弯抹角,不玩文字游戏,要求用户采取行动,要简单直接,要有正当理由,面对互联网上的人群,不能含糊其辞,错过说服的机会。

例如:

蒙牛推广一个项目时,做了一系列在线和离线推广,其中一个如下图所示:

(蒙牛云牧场广告)

广告的标题是:“为什么云上的奶牛?代码要去云牧场”。一项仔细的研究发现,广告希望用户扫描图片中的二维度代码,并访问他们的在线云农场。

在“怪异”和“正常”的互联网世界里,每天面对一群被“奇怪”标题轰炸的网民,大多数人不是在寻找所谓“为什么奶牛在云上”的答案,而是拿出手机,但在理解了这个“脑筋急转弯”后,他们对云牧场产生了兴趣。

“不要让用户思考”是一个简单而直接的表达。

◢使用动词和祈使句

当号召行动时,使用不同的词类和句型会影响号召的效果。

用动词代替名词,用祈使句代替陈述句。动词表示行动,人们比名词更容易看到动词来获得“行动”所需的信息

例如:

在下面所示的情况下,行动号召按钮上的“白皮书下载”应改为“下载白皮书”“白皮书下载”只是显示一个功能,“下载白皮书”是提醒用户采取行动。

(白皮书下载和白皮书下载之间的细微区别)

就像一位尊贵的客人来访表示敬意一样,应该把茶带给客人,说“请喝茶”,而不是把茶放在桌子上说“这里有茶”。后者没有强烈的喝茶欲望。他们是否喝似乎并不重要。

这将在登陆页面上造成损失,因为访问者通常会为此付费,只有当他们采取行动时,他们才有机会获得回报。如下图所示,在购物网站上,动词祈使句通常用来打简单直接的电话。

blob.png

(在购物网站上用动词祈使句简单直接地叫“加入购物车”)

2、呼吁要突出醒目

强烈的行动号召应该在设计中“突出”。否则,这就像有机会在重要场合发言,但只是轻轻地动动嘴唇,没有人听到一样糟糕。

登陆页面上的各种信息都在争夺用户的注意力,就像在七嘴巴八舌头聊天的人群中一样,行动的号召需要清晰响亮才能被用户注意到。

"如果你想说什么,大声说出来。"我经常用这句话来提醒学生如何设计一个“强大的”行动号召。

那么我们如何脱颖而出?

◢使用按钮和对比色来强调行动号召

在大多数情况下,登录页面上的行动号召被设计为按钮的效果,并且可以使用各种方法(例如颜色、大小、位置、空间、动画或综合应用程序)来强调行动号召。

例如:

在下图中,“攫取新鲜体验”的行动号召使用按钮的形式,同时通过使用与背景颜色形成对比的颜色、大量的空白空间以及占据更多的空间,使行动号召更加“突出”。

(《抢夺新鲜食物的经历》突出了引人注目的行动号召)

◢使用图标和颜色强调行动号召

图标和颜色差异的使用也能让行动号召“脱颖而出”。

例如:

下图来自苹果的登陆页面。图中有两组行动号召。右上角的“购买”设计为按钮的效果,而底部带有视频的行动号召仅添加小图标并改变字体颜色。

(使用小图标和改变颜色来突出行动号召)

因为这一页总体上非常简洁,这些蓝色的行动呼吁非常突出。

大多数购物网站的产品详细信息页面上的行动号召被设计得突出、清晰和简洁。下图显示了购物网站上“添加购物袋”行动号召的设计效果。

(质量保证协会产品详细信息页面上的行动呼吁:添加购物袋)

3.从一个简单的电话开始

有些产品和服务直接要求用户购买,这给决策带来很大压力。为了降低决策阈值,可以要求用户先做一些简单的尝试。

例如:

为了增加销售量,商店的促销人员会主动邀请顾客试用或体验。在家具行业,这一领域的典范企业必须提到宜家,世界上最大的家居用品商店。宜家随处可见各种形式邀请体验的“行动号召”。如下图所示:

(宜家呼吁顾客“躺下来试试!”)

“攫取新鲜体验”,而不是直接呼吁用户“立即购买”,属于这种类型。

4.给出一些回应电话的理由

当被要求行动时,人们想要有一个理由。理由越充分,就越有可能采取行动。尽管在大多数情况下,用户在浏览登录页面时会找到一些行动的理由,但在设计行动呼吁时应该添加更明确的理由,以进一步促进用户立即采取行动。

例如:

促销和优惠,如下图所示:

(满199减100给出了立即响应呼叫的理由)

5.强调紧迫性和稀有性

在设计优惠促销时,添加一些“紧迫性”和“稀有性”,以敦促用户尽快响应电话。如下图所示:

(通过“紧急性”和“稀有性”加强呼吁)

图中,“2021年春季招生将很快结束”强调了紧迫性,“仅春季班”强调了稀有性。查看手机应用程序上的一组促销提醒,如下图所示。

(移动应用上的促销提醒)

请判断哪一个或几个更有可能得到回应,为什么?(为了避免商品本身对结果的影响,商品名称隐藏在这里。)

6、让回应电话没有风险

对于用户来说,响应登录页面上的呼叫也是一个决定。所有决策都会面临或多或少的“决策压力”问题。为了让更多的人响应号召,给行动一个“无风险”的承诺。

下图显示了宜家对顾客的风险承诺——“改变主意了吗?没关系。只要包装和产品没有损坏,保持销售时的原样,您将在60天内拿到发票...并根据您的付款方式退款。”

风险承诺可以有效提高电话被接听的概率:

下图中的案例是一家提供本科教育服务的教育机构的风险承诺——“签订合同,确保100%收集证据,但全额退款。”

(学术服务机构对学生的风险承诺)

7、在哪里打电话

登陆页面上的行动号召在哪里?这是一个何时打电话的问题。

通常,您可以考虑在页面的上方、中间和末尾放置一组行动号召。它们分别被称为第一屏幕呼叫、中央呼叫和尾部呼叫。

第一个调用可以直接告诉用户登陆页面想要他做什么。与此同时,它为那些不耐烦或熟悉登录页面内容的人提供了一个快速响应呼叫的入口。

中心呼叫是根据劝说的节奏设置的。这些调用可能与页面的最终目标并不完全相同,但要求用户根据页面的具体内容进一步相互交互,以实现分阶段的目标。例如,当最终目标是使用户能够下订单购买时,可以将中央呼叫设置为与在线客户服务人员通信。

此外,一些登录页面基于“清楚地解释问题,但不清楚答案”的理念,以希望用户能够与企业互动,从而获取更多销售线索。这种登录页面将发出行动呼吁,并创造尽可能多的互动机会。

尾呼是给完全浏览页面的用户的。当他们来到后方,他们可以与商人互动。同时,尾呼还可以呼应第一个屏幕呼叫,加深用户的印象,增强呼叫的力量。

下图中同时使用了这种类型的呼叫/[/k3/:

(同时应用多组行动呼吁的情况)

因为页面上的每次跳转都有跳转速度问题,所以许多登录页面需要被说服而不要跳转。此时,页面将相对较长,这可以适当地增加对操作的调用次数,并避免使用弹出窗口。

8.避免强迫用户回复电话

没有人愿意被迫回应电话,如果用户不开心,他们会选择离开。为什么这么多登录页面不删除“强制用户响应呼叫”的弹出窗口?

问题仍然在于缺乏对该呼叫的理解和应用经验,这导致“没有弹出窗口,咨询的人会更少”。

如果您能够充分利用上一节中的知识,并将呼叫放在正确的位置,弹出窗口就可以完全避免。如果您对页面内容中的调用没有足够的信心,当前可接受的“弹出窗口”的替代方法是将调用设为“浮动层”,并将其放置在页面的边缘。

百度完全禁止任何形式、大小和位置的弹出窗口,但面积不太大的功能浮动层是宽松的,因为这些浮动层不会严重影响用户体验。

在下图所示的情况下,页面顶部有一个浮动调用——设计页面导航和“立即购买”作为一个整体。上下滑动页面时,浮动调用总是停留在页面顶部,不会离开屏幕。

(要求浮动在页面顶部)

在下图所示的情况下,页面右侧有一个浮动的固定区域,它总是向用户显示产品的基本信息,并要求“立即购买”。

(调用页面右侧的浮动)

下图所示的情况在页面底部放置了一个浮动调用。

(调用浮动在页面底部)

如果顶部、右侧和底部已经被其他内容占用,浮动调用也可以放在页面的左侧,这种情况相对较少。

为了尽可能减少阻挡页面内容的“浮动层”,可以将“浮动层”设计为“在特定条件下触发显示”。如下图所示,当鼠标悬停或点击目标区域时,将显示“浮动窗口”内容的指定部分。

(显示当鼠标在目标区域上单击/悬停时浮动窗口不显示的内容)

(悬停鼠标或单击蓝色竖条以显示浮动窗口的全部内容)

一些登录页面将浮动层的显示或隐藏设计为“当某些内容在显示区域出现或消失时触发”。

例如,上面提到的“浮在上面的呼吁”和“百度百科右侧页面内的导航”都是在原来的导航隐藏后显示的,而另一个隐藏是为了全面考虑整体的美观和可用性。

本文是根据谢宋杰的新书《登陆页面》(TOP2,当当网2017年电子商务畅销书排行榜)编写的。更多相关内容,请购买原版书。版权属于作者。请保持转载的完整性。

更多免费课程的登陆页面,点击这里立即学习!