ea设计转化为java代码_如何成为以转化为中心的设计师

最新推荐文章于 2021-11-19 11:05:30 发布

daique1908

最新推荐文章于 2021-11-19 11:05:30 发布

阅读量318

点赞数

文章标签： java 编程语言 python 人工智能 html

ea设计转化为java代码

因此，您想成为目标网页模板设计师吗？您可能会觉得很容易-毕竟，目标网页模板只是一个页面。这比设计一个完整的网站要容易得多。但是，在构建以转换为中心的着陆页时，设计规则会发生很大变化。

什么是登陆页面？

在深入了解登录页面背后的设计原理之前，让我们先进行一些定义：

登陆页面是独立的，特定于广告系列的网页。目的是让您的访客完成一项操作。它不是您的网站，而且肯定不是您的主页。

网站是品牌的中心站，适合那些自然地找到您的网站或需要在购买周期的研究模式下进行引用或查看的人。它们不利于营销活动。

营销活动基于一个目标-购买，订阅-因此需要更加专注的体验。在所有广告系列流量（PPC，电子邮件，社交网络）的目标上使用目标网页还是首页的最大原因是所谓的关注度 。

注意比率是页面上的交互点（链接）与该页面上预期的操作数（对于广告系列而言始终为1）之比。在首页上，这通常约为40：1，这意味着有39个分散注意力的动作和1个所需动作。

另一方面，重点突出的目标网页的关注率为1：1。出于这个原因，精明的营销人员会针对他们运行的每个广告系列使用促销专用的目标网页。

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

设计精美的网络体验，放下画笔并带着口袋里的支票走开的日子已经一去不复返了。

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

设计并不是高转换率的唯一因素。复制起着很大的作用。但是，如果您的访客分心，冒犯了我们，那么世界上最好的复制品将无济于事-我们都知道不良的设计可能会令人发指，或者令人困惑。

通过结合一些简单的设计原则和一些基本的心理学，您可以完全将重点转移到设计既令人愉悦又可以转化的Web体验上。

我称之为“以转化为中心的设计”。 CCD的简称。

这是CCD的速成班，所以我将讨论这7条原则，让您熟悉Psych 101，然后向您展示一些美观且转化率高的着陆页模板，并将其付诸实践，以便您通过示例进行学习。

准备成为以转化为中心的设计师了吗？

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

原理很简单。学习它们，实践它们，您将看到转换率猛增。

原理1：封装

包装东西是明智的做法。它在低温下对您的头部有效，在高温下对您的头部有效，使圣诞节更加有趣。因此，请以您页面上最重要的内容（您的转化目标）为基础，然后将其包装起来以证明值得您的访问者注意。

原则2：对比

因此，许多营销人员谈论按钮颜色。这是个错误。一个优秀的以转换为中心的设计师知道按钮的颜色无关紧要。对比才是最重要的。如果您的页面主要是绿色，则红色按钮将跳出您的访客。不必担心它看起来很生气；您的潜在客户不是公牛。

原则3：方向提示

在某些文化中，指向重点是不礼貌的。不在转换土地上。当有人到达您的目标网页时，您的设计应将他们指向您希望他们达到的目标。使用箭头和三角剖分创建焦点。进行摄影时，请使用视线将注意力集中在号召性用语（CTA）上。

原则4：空格

这很简单。不要把东西塞在一起。缺少空格是令人反感的设计。通过让人们的眼睛呼吸（他们能做到吗？），您可以创建更愉快的体验，这将使您多花几秒钟来传达您的竞选信息。

原则5：紧急和稀缺

这是第一个基于心理学的原理。紧迫性或稀缺性主要是书面练习，但您可以使用良好的设计来呈现信息。当涉及到信号不足时，接近登录页面的转换目标是关键。通过确保访问者了解他们有截止日期，您可以使单击的可能性更高。

Expedia在此处通过封装突出显示稀缺性声明（“以这种价格仅剩3张票！”）在这方面做得很好。

原则6：购买前先尝试

您曾经在超市“采样”过葡萄吗？这是质量的预览，它可以帮助人们做出明智的购买决定。数字领域的示例包括电子书的一章或可视幻灯片，其中涵盖了行业报告，在线课程或即将发生的事件的预告片/预告片的一些要点。亚马逊通过“向内看”图书预览真正树立了标准。

通过在购买前对产品进行审查，您会表现出权威和信誉。这可以增加信任度，并且可以成为提高转化率的重要因素。

作为以转化为中心的设计师，您应该找到创造性的方式来展示这些预览。

原则7：社会证明

信任元素是任何登录页面的关键部分。他们会支持您的主张，并且在正确完成后，从志趣相投的消费者的角度与访问者交流。推荐是最流行的方法。像原则5一样，这主要是一个书面元素，但是您可以使用智能内容设计的各个方面（尤其是层次结构）来鼓励人们实际阅读它们。

在推荐书（或客户徽标等）上方添加解释性标题可以增强社交证明的功能。

5个着陆页模板

有了新的设计工具，让我们看一下五个Unbounce着陆页模板，以启发您创建自己的模板。

1.洛克伍德：房地产

封装转换的目标是表单，因此将其定位在前面和中间，并封装在一个容器中，该容器可以使上面的关键内容直观地连接起来。
对比度 CTA在页面上清晰鲜明，具有鲜明的对比色。
方向提示在主要内容区域的末尾有一个箭头，可将您的视线引向CTA，并且使用相同的橙色将这两个元素连接起来。
空格当您向下移动页面时，您的眼睛可以自由地穿过内容块。通风，宽敞的照片和极简主义的调色板相结合，使其成为令人愉悦的体验。
稀缺性关于仅剩3个单元的声明位于CTA的正下方，以提醒您应快一点。如果您想在这里变得更具侵略性，可以尝试一下*酷*的星暴-请记住保持优雅。那将是一个很棒的A / B测试。
社交证明这里使用适当的社交证明，重点放在设计奖项上，而不是会产生非常有限影响的证明。

2. Lasano：健康与保健

表格封装？ 检查一下
对比CTA？ 检查一下
空格？ 检查一下
社会证明？ 检查一下
定向提示在这里，您会注意到两种形式的定向提示。第一种利用女人的部位来引导您的视线从左到右。更好的是，如果她向下和向右看，但这也可能使她看起来很悲伤，这与模板的主题背道而驰。其次，在表格下方有一个辅助语句，该语句以提示您备份的小箭头结尾。小事并不总是会产生很大的影响，但是当您有几个小事协同工作时，它们可以发挥作用。

3. Yuli：软件演示

表格封装？ 检查一下
对比CTA？ 检查一下
空格？ 检查一下
方向提示页面的顶部是所有主要内容所在的位置，因此，在已读取内容的位置，将一个带有请求的箭头指向CTA。还要注意，如何通过为参考页面目的的元素保留橙色来创建一种教学三角形：“免费演示”，“加入我们进行免费演示”，“立即预订我的演示”。
社交证明这次使用了视频，以提高其复杂性。在Unbounce.com主页上进行的A / B测试中，我发现通过将文本推荐书替换为视频版本，转换率提高了25％。这里有视频和文字的组合。还请注意，模板利用信息设计的层次结构来引入具有描述性标题的社交证明元素（下面的视频和客户徽标）。

4.旅游癖：旅行

对比CTA？ 检查一下
空格？ 检查一下
社会证明？ 检查一下
封装由于没有表单，因此在点击后到达页面上略有不同，但是CTA仍与其他重要信息一起位于页面标题的边框中。页脚元素还使用颜色对比，以重复的CTA封装“结束自变量声明”。
方向提示有点麻烦，但埃菲尔铁塔有点连接到CTA。它相当巧妙地表明，通过单击CTA，您将被带到巴黎，站在塔下。多么浪漫。换句话说，圆形特征照片会引导您向下浏览整个页面，直至到达关闭的CTA。

5. Polar：不以营利为目的

空格？ 检查一下
社会证明？ 检查一下
对比CTA在所有这些示例中，CTA在设计的其余部分中都脱颖而出。还请注意，如何使用目标温度计中的橙色突出显示活动的目标（通过捐款筹集资金）。这在页面的情感和身体（转化）目标之间建立了联系。
紧迫性与稀缺性捐赠目标与情感表达“北极熊的时间已不多了”和“我预测十年之内我们将在北极看到无冰的夏天”相结合，既产生了紧迫感，也迫在眉睫。稀缺感。