太原网页设计:如何成为以转换为中心的设计师

2019.08.02 mf_web

116

太原网页设计你想成为一个登陆页面模板设计师?您可能认为自己很容易 - 毕竟,目标网页模板只是一个页面。这比设计一个完整的网站容易得多。但是,在构建以转换为中心的着陆页时,设计规则会发生相当大的变化。

什么是着陆页?

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果在我们深入了解目标网页背后的设计原则之前,让我们先了解一些定义:

目标网页是一个独立的,针对特定广告系列的网页。其目的是让访问者完成一个动作。这不是你的网站,而且肯定不是你的主页。

网站是品牌中心站,适用于有机地找到您的网站或需要在其购买周期的研究模式中参考或查看它的人。它们不适合营销活动。

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果营销活动基于单一目的 - 购买此产品,订阅产品 - 因此需要更专注的体验。使用目标网页与主页作为任何广告系列流量(PPC,电子邮件,社交网络)目标的最大原因是因为称为注意力比率。

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果注意率是页面上交互点(链接)与该页面上的预期操作数量(对于广告系列始终为1)的比率。在主页上,这通常是大约40:1,这意味着有39个分散注意力的动作和1个期望的动作。

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果另一方面,聚焦着陆页的注意力比例为1:1。出于这个原因,智能营销人员会为其运营的每个广告系列使用特定于促销的专用着陆页。

这对我作为设计师意味着什么?

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果设计一个漂亮的网络体验,刷下来,带着支票在你的口袋里走开是可以接受的日子已经一去不复返了。

转换是目前网络上最热门的词汇之一。您设计的每个网页现在都是一块“负责任的内容”。我的意思是它的目的,影响和成功可以并且正在被衡量。如果它没有成功地将访问者转换为客户,那么它的设计并不正确。

设计不是高转换率的唯一因素。复制起着巨大的作用。但是,如果你的访客分心,被冒犯,世界上最好的副本将无济于事 - 我们都知道糟糕的设计可能是彻头彻尾的冒犯 - 或者是混乱。

通过结合一些简单的设计原则和一些基本的心理学,您可以完全将您的注意力转移到设计的网络体验,既愉快又转换。

我称之为以转换为中心的设计。CCD简称。

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果这是一个CCD的速成课程,所以我将讨论7个原则,让你对一些Psych 101感到满意,然后向你展示一些漂亮的高转换着陆页模板,将它们付诸实践,以便你可以通过实例学习。

准备成为以转换为中心的设计师?

以转换为中心的设计的7个原则

原则很简单。学习它们,练习它们,你会看到你的转换率飙升。

原则1:封装

包装东西是一种聪明的做法。它适合在寒冷的温度下使用,热的烤土豆,这使圣诞节更有趣。因此,最重要的是在您的页面上(您的转换目标)并将其包装在某些内容中,以证明它值得您的访问者注意。

原则2:对比

很多营销人员谈论按钮颜色。这是个错误。一个好的以转换为中心的设计师知道按钮颜色是无关紧要的。重要的是它的对比。如果你有一个主要是绿色的页面,一个红色按钮会跳出你的访问者。不要担心它看起来很生气; 你的潜在客户不是公牛。

原则3:方向线索

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果在某些文化中,它被认为是无礼的。不在转换土地。当有人到达您的目标网页时,您的设计应将其指向您希望他们到达的目标。使用箭头和三角测量来创建焦点。通过摄影,使用视线将注意力集中到您的号召性用语(CTA)。

原则4:空白

这一个很简单。不要把东西塞进去。缺乏空白是令人反感的设计。通过让人们的眼睛呼吸(他们可以这样做?),你创造了一个更愉快的体验,这将给你一些额外的宝贵时间来传达你的竞选信息。

原则5:紧迫性和稀缺性

这是第一个基于心理学的原则。创造紧迫性或稀缺性主要是书面练习,但是您可以使用优秀的设计来呈现信息。当涉及信号稀缺时,接近目标网页的转换目标是关键。通过确保您的访问者了解他们有截止日期,您可以更有可能进行点击。

Expedia在这里做得很好,通过使用封装突出显示稀缺声明(“此价格只剩下3张门票!”),如下图所示。

原则6:购买前先试试

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果你有没有在超市“采样”葡萄?这是质量的预览,它可以帮助人们做出明智的购买决策。数字领域中的示例包括电子书的章节或视觉幻灯片,其涵盖来自行业报告,在线课程或即将发生的事件的预告片/预告片视频的一些亮点。亚马逊真正为他们的“Look Inside”书籍预览设定了标准。

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果通过在购买前打开您的产品进行审查,您看起来具有权威性和可信度。这增加了信任,它可能是提高转化率的重要因素。

作为以转换为中心的设计器,您应该找到提供这些预览的创造性方法。

原则7:社会证据

信任要素是任何登陆页面的关键部分。他们支持您的声明,如果操作正确,请从志同道合的消费者的角度与您的访问者交谈。推荐书是最受欢迎的方法。与原则5一样,这主要是一个书面元素,但您可以使用智能内容设计的各个方面 - 特别是层次结构 - 来鼓励人们实际阅读它们。

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果在推荐书(或客户徽标等)上方添加解释性标题可以增加社会证明的力量。

以转换为中心的设计在行动; 5登陆页面模板

有了新的设计工具,让我们来看看五个  Unbounce登陆页面模板,在您创建自己的模板时激发您的灵感。

1.洛克伍德:房地产

  • 封装转换目标是形式,因此它位于前面和中间,并封装在一个容器中,允许其上方的关键内容在视觉上连接。

  • 天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果对比度 CTA在页面上清晰突出,色彩鲜明对比鲜明。

  • 定向提示在主要内容区域的末端有一个箭头,用于将您的注视引导至CTA,并使用相同的橙色连接这两个元素。

  • 空白当你向下移动页面时,你的眼睛可以在内容块中自由下落。通风宽敞的照片和简约的调色板相结合,使其成为一种愉快的体验。

  • 稀缺性只剩下3个单位的声明直接位于CTA之下,提醒您应该快点。如果你想在这里变得更具侵略性,你可以尝试一种*畏缩*星爆 - 只记得保持优雅。这将是一个伟大的A / B测试。

  • 天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果社会证明这里使用适当的社会证据,侧重于设计奖励,而不是影响非常有限的证言。

拉萨诺:健康与健康

  • 表格封装?校验。

  • 对比CTA?校验。

  • 空白?校验。

  • 社会证明?校验。

  • 定向提示在这里你会注意到两种形式的方向提示。第一个利用女性的网站线从左到右引导你的视线。更好的是,如果她向下看,向右看,但这也可能使她看起来很伤心,这将违背模板的主题。其次,表单下方有一个次要声明,以一个指向您的小提醒箭头结束。小事情并不总是有很大的影响,但是当你有几件小事情在一起工作时他们可以。

3. Yuli:软件演示

  • 表格封装?校验。

  • 对比CTA?校验。

  • 空白?校验。

  • 天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果定向提示页面的顶部是所有主要内容所在的位置,因此带有请求的箭头位于已读取内容的位置,指向CTA。另请注意,如何通过为引用页面目的的元素保留橙色来创建一种教学三角形:“免费演示”,“加入我们进行免费演示”,“现在预订我的演示”。

  • 天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果社交证明这次使用的视频具有更高的复杂程度。在我在Unbounce.com主页上运行的A / B测试中,我发现通过用视频版本替换文本推荐,转换率提高了25%。这里有视频和文字的组合。另请注意,模板利用信息设计的层次结构,以描述性标题介绍社会证明元素(下面的视频和客户徽标)。

旅行癖:旅行

  • 对比CTA?校验。

  • 空白?校验。

  • 社会证明?校验。

  • 封装在点击目标登录页面上略有不同,因为没有表单,但CTA仍然与页面标题中的边界框中的其他关键信息一起定位。页脚元素还使用颜色对比来用重复的CTA封装“结束参数语句”。

  • 定向提示它有点延伸,但埃菲尔铁塔有点连接到CTA。而且它巧妙地表明,通过点击CTA,你将被带到巴黎站在塔下。多么浪漫。在另一种意义上,圆形特征照片将您的视线引导到整个页面到结束的CTA。

极地:不是为了利润

  • 空白?校验。

  • 社会证明?校验。

  • 对比CTA与所有这些例子中一样,CTA在设计的其余部分中脱颖而出。另请注意目标温度计中的橙色突出显示了活动的目标(通过捐赠筹集资金)。这使得页面的情感和物理(转换)目标之间存在联系。

  • 紧迫性和稀缺性捐赠目标和“北极熊的时间已经不多了”和“我预测我们能够在十年内看到北极无冰夏季”的情感陈述的结合创造了紧迫性和迫近性稀缺感。

综上所述

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果太原网页设计成为以转换为中心的设计师是商业设计的下一个发展方向,拥有今天的学习,当转换率提高时,您将使老板/客户感到非常高兴。

因此,当您设计Themeforest登陆页面模板时,请根据CCD的七项原则运行它们,看看它们是如何叠加的。


最新文章

最新案例

联系电话 400-6065-301
赚钱高手两组三中三-三中三复式计算公式-三码中特全免费公开码 本港台现场报码直播j2-本港开奖结果现场开码-本港台现场搅珠直播 正版管家婆一句赢大钱-www管家婆27735com-管家婆小鱼儿论坛心水 九龙心水三肖永不改料-九龙心水525757com-九龙老牌图库彩图大全 澳门123696com开奖结果-626969cc澳门资料大全-2021澳门合彩开彩结果