登陆页面:转换设计背后的科学
是你的着陆页转换好吗？转换不好吗？你知道为什么吗？我是说，你真的知道吗？
这篇文章将告诉你为什么你的着陆页吸引访问者，或者为什么你可能获得流量，但没有转换，指导你通过最佳实践着陆页优化．
我来看看登陆页面设计原则这可能意味着一个成功的页面和一个只是占用空间(或在黑暗中摸索)的页面之间的区别。
让我们开始吧。
1.定向线索
方向性线索是登陆页面设计的关键，因为它们告诉人们应该关注什么。
在设计时最重要的是要记住着陆页人们看它不像看书一样。不是从左到右，从上到下。你必须告诉人们如何阅读你的页面，方向提示（以及下面的封装和对比）就是你如何做到这一点的。
我的建议是在你的登录页面上决定两件你特别想引起注意的事情(比如，你的CTA和你的产品形象，或者独特销售主张）.然后将以下策略整合到你的设计中，并进行a /B测试。(什么好着陆页生成器这会让A/B测试变得简单)。也许你的观众对明显的箭头反应很好，也许是更微妙的眼神。自己测试一下。
我们通过三种主要方式在登录页上显示焦点：
箭头线:
将注意力引向一个物体或方向最直接的方法是在它上面画一个箭头或线。艺术专业的学生将知道线条的重要性，因为人类有一种自然(潜意识)的冲动，跟随它们到它们的起源或目的地。这能让人们关注你的CTA、USP、价值主张或产品形象。
视觉方向觉察:
人类非常善于识别周围人的眼睛焦点。我建议在你的登录页面上使用眼球追踪软件，以确定人们关注的地方，以及这种关注是否会增加点击率。
我想说的是(感谢Neil Patel提供的眼球追踪例子):
脸是你可以使用的最吸引眼球的图像(见下面的第5条)，而眼睛是脸中最吸引眼球的部分。
你会注意到左边的女人正直视着镜头(或者是你页面的访客)。右边的女士正在看Sunsilk想要销售的产品。你可以具体地看到，最初的目光是如何转移到女性的眼睛，然后转向左边的产品，而左边的脸得到了所有的注意力，而产品没有。
指向/手势：
我强烈建议你在你的登录页面上使用一个人的图片，因为它被证明是最吸引人的图片(尽管稍后更多)。然而，需要测试的是让模型指向你想要关注的东西。
不过，这是一个危险的问题，因为(在我看来)如果做错了，它可能会给人留下俗气的印象。测试你的听众的反应。在许多案例研究中，我发现这既提高了转化率，也降低了转化率。
2.明显的差异
颜色对比:
对比是必要的登陆页面的设计．人类的眼睛自然地被对比色所吸引。我建议你考虑你的USP和CTA的颜色对比-也许一个橙色的CTA按钮在深蓝色的背景上。
空格:
空白的概念在平面设计界是众所周知的，它也是登陆页面设计的重要组成部分。这个想法是，空白空间在将注意力集中到非空白空间方面具有极大的影响。例如:
另一种利用空白的方法是封装。而不是在你的CTA, USP或福利列表周围设置一个边界(见我的文章)登录页基本原理和转换原则对于重要的登录页变量），尝试使其周围的区域没有任何有趣的内容。洗掉颜色，去掉图像。这将有效地吸引人们对你的物体的注意，因为它会比在繁忙的区域更引人注目。
这比定向杆更有效吗？自己测试一下，然后找出答案！
格式对比：
格式大小(例如字体)也很吸引眼球。在2010年的一项为期4周的多元测试中，乔普拉酒店测试了号召行动和描述性链接的12种不同组合的性能:
选项10，最大的颜色，色调和大小对比(以及自由这个词)转化率提高了60%。
3.颜色
颜色在激发观众情绪方面非常有效（尽管是无意识的）。在我的系列文章中，我对色彩心理学进行了深入的研究成功的Facebook广告背后的科学，因此，请查看它以进行全面分析（使用科学！）。
现在，我们来分析一下人类是如何受到颜色的影响的，以及这些知识如何提高你的转化率:
蓝色的不论男女老少，蓝色都是大多数人最喜欢的颜色35%的女性和57%的男性．据说它能产生信任感和安全感。浅蓝色让人平静，而深蓝色则表示专业和真诚。
橙色当前位置引人注目，阳光明媚，橙色是最受欢迎的颜色之一着陆页号角。虽然橙色的色调和数量会被认为是温暖和诱人的，但过多的橙色会被认为是天真和缺乏专业精神。
红色的红色让人联想到激情、兴奋和紧迫感。红色在广告中是一种危险的颜色，因为许多人将红色与消极和错误联系在一起。然而，它比其他颜色更能吸引眼球，给人一种时间过得更快的印象(因为它让我们的心跳加快)，促使我们采取行动。
绿色：与财富和环境相关，绿色是眼睛最容易处理的颜色。绿色也意味着积极的行动（思考，“绿色意味着行动”）和肯定。
绿色和蓝绿色也常与精打细算的购物者联系在一起节俭的购物者．在男性和女性中，蓝色也分别位居第二和第三。
紫色紫色让人联想到冷静、女性气质和财富，是女性中第二受欢迎的颜色，占23%。有趣的是，随着女性年龄的增长，他们对紫色的喜爱增加了. 另一方面，0%的男性最喜欢紫色。
黑色的有力、圆滑、知性，黑色象征永恒、真诚和老练。虽然黑色和红色、橙色一样，如果用得太多会很危险，但如果与强烈、透明的白色搭配使用，可以传达出专业和老练的信息(避免灰色或古铜色，因为它们会淡化你的信息)。
4.图像
我可以在你的登录页面上花几个小时讨论一个微笑的人的照片的有效性(我已经……)，但请相信我，拥有一张图片(特别是一个人)可能会提高你的转化率。
实际上，我最近看到的是，在主登录页面[(https://www.wishpond.com/landing-pages)的图像中加入客户评价。选择一个上镜的客户，把它贴在一个听起来很棒的肯定你的产品或服务如何使他们的生活更轻松的旁边。
但是，假设您认识到它的重要性，让我们暂时不谈它的工作原理：
- 我们对人(或宠物)的反应要比对文字或随机图像的反应强烈得多
- 一个人的照片为你的生活提供了潜台词着陆页——一个能引起人们反应的故事。
- 我们完全下意识地关注我们看到的人的脸(尤其是眼睛)。在我见过的每一张眼球追踪图像中，最热门的点都是脸和眼睛。当然，除非图片是女性，而我们谈论的是男性。然后眼球追踪软件就会显示出我们的注意力在……别处……
在我为这篇文章所做的研究中，我看到了V.S. Ramachandran(一位来自牛津的神经科学家)的一篇文章，他写道，通常线描比照片更有力量。他写道，这是因为一个人的“理念”比它的真相更有吸引力(为什么那么多的艺术都是对人的形式的夸张，或者为什么漫画在审美上如此令人愉悦)。去掉细节，剩下的只有本质。
虽然我还没有在a中见过这样的例子着陆页或将其整合到我自己的游戏中，我相信无论谁这么做，都会看到点击量的大幅增加。发挥创意，让我知道进展如何!
5.版式与风格
你会认为我在这里说得太详细了，不同的字体、文本格式或样式实际上不能增加或减少转换率。
是这样的A / B测试细节很重要。
比如说你的电子商务网站着陆页目前转换率为23%。你每周会看到大约2000名访客，他们的平均购买价值为50美元。你每周挣23000美元。
比方说，我们改变了你页面的标题长度，把图片从一个女人看着相机变成了一个女人看着CTA(小小的改变，你同意吗?)你会看到转化率增加了10%。突然之间，你的转化率达到了25.3%，你的周收入增加到了25,300美元。每年收入增加吗?27600美元。
A/B测试的排版和风格变化:
- 标题和正文的字体大小(以及它们之间的区别)
- 标题长度(短而简洁vs长而详细)
- 不同字体大小的数量(太多会使你的着陆页令人困惑的——我推荐两三个)
- 字体:记住，不管出于什么原因，不同的字体会被认为比其他字体更业余。我们在Wishpond喜欢San Sarif的标题和Sarif的正文。避免草书(除了标题)，在专业场合中漫画字体是绝对不能使用的
- 更多的文本，而不是更少的文本（我喜欢一个简单的登录页-切中要害，为以后的电子邮件或不同的标签页留下任何无关的信息。但是你自己测试一下！）
结论
希望你现在能对背后的科学和心理学有更多的了解着陆页面设计最佳实践为宜着陆页优化．记住要为你希望访问者关注的地方提供视觉线索。不要忘记细节，比如排版或视觉方向。
并保持测试!你总是可以提高登陆页面的转化率。相信我。
进一步阅读：
- 转化率优化的最终指南
- 如何创建一个着陆页转换
- 着陆页:基本原理和转换原则
- 如何通过A/B测试你的登陆页面来最大化转化率
- 7个导致转化率降低的登陆页面错误
- 4种创造Facebook广告和登陆页面组合以最大化转化率的方法
您是否成功(或受挫)实现了这些设计基础?请在下面的评论中告诉我!
