每次
你坐在你的办公桌前计划一个登陆页。你的线框可能看起来像这样:
通过Dribble
所有的东西似乎都在正确的地方:副本，子弹，奖状，视频……最后，所有重要的图像的占位符。这里有一个问题:如何选择这个图像?你会让设计师去选择他们喜欢的东西吗?你会选择与竞争对手相似的做法吗?或者你只是简单地使用你产品的图像?如果你正在尝试以上任何一种方法来获取高转化率的登陆页面，那么是时候重新考虑你的策略了。你应该非常仔细地选择你的登陆页面图片，因为它需要抓住你的潜在客户的眼睛，并在情感层面上吸引他或她。在本文中，我将详细介绍每次计划登录页面时选择高转换图像所需的确切步骤。但是，首先要说的是:为什么图像如此重要?
人类对视觉数据的反应和处理比任何其他类型的数据都要好。事实上，人类大脑处理图像的速度是文本的6万倍，这意味着你的客户在登陆页面上看到的第一件事就是你使用的图像和颜色。传递到我们大脑的信息中，90%是视觉信息，剩下的10%由我们的其他感官分配。我们的眼睛是我们消费和理解信息的主要方式。在他的研究“意象和语言过程”中，Allan Paivio指出，我们记忆单词的能力取决于我们将其参照物形象化的能力。Paivio最著名的是他的双编码理论，这是20世纪最具影响力的认知理论之一，解释了意象作为记忆辅助的实际用途。为什么我们能更好地记住图像?简单地说，图像唤起的记忆和经历与书面文字不同。正如这项研究所显示的，我们有一种非凡的能力，可以在7天内记住2000多张图像，准确率至少达到90%——即使图像只出现很短的一段时间。此外，我们处理一幅图像只需要150毫秒，而赋予图像任何意义则需要100毫秒。(fia)这些数据是Instagram、Pinterest、Tumblr和Snapchat等图片驱动型社交平台如此成功的原因。这些平台上的图片和视频捕捉了我们大部分的注意力，一次又一次地把我们拉进去。多年来，人们对视觉处理和图像在市场营销中的重要性进行了许多研究。研究一致发现，图像是帮助传达情感的最佳方式，而这种情感能够推动转换。图片不仅仅是让页面看起来更漂亮的占位符;他们在说服潜在客户和客户采取下一步行动方面发挥着重要作用。正如麻省理工学院的玛丽·波特教授所解释的那样:“眼睛的作用不仅是将信息输入大脑，还能让大脑快速思考，从而知道你下一步应该看什么。”利用你的英雄形象，将潜在客户的注意力引导到你希望他们采取的行动上。这方面最著名的代表是下面所示的热图。正如你所看到的，当宝宝看着读者时，大部分的点击和注意力都集中在宝宝身上。大多数的视觉注意力都集中在婴儿的脸上。然而，当婴儿面对右边的文本并直视它时，预期者的目光和注意力也会指向文本。视觉热图显示，图像可以引导观看者的目光在一个特定的元素上，不仅仅是让你的英雄形象“看着”行动按钮;你也可以像Ritual一样在它周围放置不同的物体。通过植入式广告和对比色的使用，Ritual让action按钮成为了他们页面的焦点。
TakeCareOf使用手的视觉来引导完全的注意力到他们的行动按钮:
打开手掌作为视觉提示
这些都是使用图像来增加转化率的方法。虽然绝大多数网站都在使用这些技巧，但它们仍然缺少一个重要的组成部分——情感吸引力。由于图像是潜在客户在你的登陆页面上最先看到的东西之一，因此它背后必须有一个策略，从而引导客户采取行动。大多数企业满足于以下图像之一:解决方案某人使用解决方案如何使用该产品的视频解决方案的说明
，例如，石蕊图有一个计算机和电子邮件的视觉效果。
Cleo展示了他们的应用程序。
Mailcube使用了他们平台的可视化。
和Hivy只是展示了人们使用他们的管理平台的视频。这种策略的例子数不胜数。营销人员、设计师和所有参与为登陆页选择图像的人似乎都在突出自己而不是客户。然而，就像我喜欢说的:不管你卖什么，人们真正关心的不是什么，而是为什么。换句话说，你应该做的是考虑潜在客户的动机、愿望和需求，并以你的英雄形象来描述这些，而不是你自己。或者，就像我们定义的那样:情感目标。虽然我们喜欢认为自己是完全理性的生物，但我们的决策过程几乎完全是情绪化的。我们买的每样东西背后都有情感的原因。一个出现在你的登陆页面上的潜在客户正在试图解决一个挑战。这可能是个人挑战(找衣服穿)，也可能是个商业挑战(让团队合作)。不管你的潜在客户是想要被爱，更成功，更有自尊，赢得别人的尊重，还是只是想要更安全，当她登陆你的页面时，她希望你能实现这些愿望。新闻快讯，你不能把它放在你(你的解决方案)身上，你可以把它放在她身上。由于图像能唤起我们的某种情感，我们可以用它们让人们有某种感觉，并驱使他们采取某种行动。下面是两个我已经测试了上千次的形象策略，并且一次又一次地看到它们的成功。形象策略#1:当前的感觉当前的感觉是一种提醒潜在客户他们所面临的问题和处理它的重要性的方法。对于处于“不知道”意识状态的潜在客户，这通常是正确的策略。一个提供更好、更简单的支付解决方案的平台可以测试一个显示在线销售和接受支付的挫败感的图像。团队协作平台可以使用强调远程团队工作困难的图像。
HeyStack在让你感受到经营业务的痛苦方面做得很好。HeyStack通过使用图像来可视化他们试图解决的痛苦，向潜在客户展示他们确切地知道他们正在经历什么。
一个描述当前状态情绪的登陆页面
只有在接受了这个图像后，访问者才会向下滚动，找到关于他们的功能、应用程序和解决方案的其他技术元素的更多信息。你的“当前感受”策略的目标是向潜在客户表明你理解他们的挑战和痛苦。O只有当潜在客户明白了这一点，你才能解决他们的挑战。一旦你创造了“当前感觉”变量，我便会使用第二种策略对其进行A/B测试:
图像策略2:期望结果
在图像中使用情感目标的一个好例子便是向用户展示他们购买的结果—期望结果。在下面的例子中，我们帮助一个销售贴花和定制贴纸的电子商务网站优化他们的主页。下面的原始版本是顾客用来装饰他们家的特殊贴花和贴纸，在页面上使用了一个随机的男人的库存照片，缺乏个性化。简而言之，它并没有向潜在客户展示贴花在他们家里可能是什么样子。在我们创造的变体中，我们使用了描述理想结果的视觉效果——一个美丽、宁静的家，有很好的装饰和一种轻松的感觉。我们的目标是向客户展示，她可以轻松地装饰她的家，用很少的努力和看到伟大的结果。其他的改变包括强调搜索栏，删除障碍，如旋转幻灯片图像，项目符号和呼吁行动的数量。我们测试的情绪变化越多
我们的改变为我们的客户增加了550%的转化率。这是来自Opendoor的另一个很好的例子。与大多数房地产公司的做法不同，Opendoor展示的是一张挂着“售出”标志的房子照片，它展示的是一对夫妇坐在地板上面带微笑的照片——这正是你想要的感觉，是你卖掉房子后的宽慰和快乐。要运行一个能带来更多转换的重要测试，测试三个不同的变体:你的原始图像(通常是解决方案)vs.期望结果和当前感觉的视觉效果。在这一点上，你可能会问自己:“我如何知道我的前景当前和期望的感觉是什么?”好吧，答案是——研究。并非所有的登陆页面访问者都是相似的，不同的访问者处于购买周期的不同阶段。根据《突破广告》(广告文案的圣经)的作者尤金·施瓦茨的说法，你的每一个潜在客户都可以分为以下几个阶段中的一个:“不知情”——这是一种还没有意识到她有一个需要解决的问题的访问者。疼痛感知型——这种类型的来访者知道疼痛，但没有积极地开始寻找解决方案。很多时候，这种类型的访问者并不知道任何解决方案的存在。解决方案意识——在这个阶段，你的潜在客户已经开始寻找解决方案;她知道她想要的结果，但还没听说过你。这一前景正在考虑各种各样的解决办法，并正在考虑所有这些办法。产品意识——这个阶段是当你的登陆页面访问者听说过你，正在考虑你的解决方案，并缩小了她的搜索范围。然而，她并不是百分百相信你就是她的正确选择。这是访问者花更多时间了解您的功能、好处和产品的时候。最清楚——在这个阶段，你的潜在客户或多或少决定使用你的解决方案。通常，这个潜在客户会花更多的时间评估你的定价和你所销售的产品。
一旦你了解了你的潜在客户的认知状态，为他们写文案、选择图片，以及设计针对他们的认知状态的整个页面就更容易了。调查和采访你的客户你的客户有答案。和他们攀谈。与现在的客户交谈，问他们为什么选择你们的服务，在转换之前他们最关心的是什么D .他们如何描述你的企业。
调查那些离开你的网站的人，那些没有转换的人，并找出原因。一个成功的调查的关键不仅仅是问关于你的产品的技术问题，而是要在更深的层次上了解你的客户。了解你的客户可以让你为他们写作。记住，人们并不知道他们想要什么，他们通常会回答他们认为你想听的话。这就是为什么花时间在电话上与客户交谈，了解他们的个人情况，并不断地问，“为什么”以弄清任何问题的根源是很重要的。Hotjar的调查要求客户坦率而诚实地采访你的团队与你的团队交谈，特别是任何与终端客户有接触的人，这样你就能了解他们对客户的挑战和动机的看法。询问他们认为你的解决方案为客户做了什么，他们为什么选择它，以及最常见的问题是什么。
你会对他们的回答感到惊讶，甚至更惊讶的是，他们与你从客户那里听到的信息是如何冲突的。这是使团队与客户期望保持一致的极好方法。
回顾关键词
发现人们在搜索什么，以及他们是如何发现你的品牌的。人们现在搜索描述他们的挑战和问题的长关键词。通过识别这些信息来发现人们在搜索什么，他们在哪里登陆，以及你是否在每个页面上都满足了这些需求。一旦你完成了你的研究，是时候选择你将要使用的图片了。以下是确保你选择强大，高转换图像的一些规则:现在我们已经确定了图片对你的转换是至关重要的，你完全没有理由继续使用库存照片，至少不是那些看起来完全假的照片。
库存照片降低真实性和信任;它们在一英里外就能被发现，最重要的是，它们被成千上万的其他企业所使用。我们不是到处都能看到这种“女商人”的形象吗?
股票商业女士
投资于原创照片和图像是值得的;在删除了库存照片并添加了自己员工(VWO)的照片后，Harrington搬家公司的转化率提高了45%。如果你没有预算投资自己的照片拍摄或图像，你仍然可以使用看起来更真实的库存照片。并不是所有的库存照片都是不好的，有一些很棒的网站上有真实和原创的照片。我最喜欢的几个网站包括VisualHunt、Skuawk和Gratisography。你也可以使用这个免费的图片来源列表和Canva这样的工具来编辑你的照片。在选择一张库存照片之前，帮自己一个忙，在TinyEye上运行一下，看看还有谁在使用相同的照片。
2。研究表明，我们对包含人脸的图像反应更好。我们天生就能识别人，这就是为什么我们对人脸和人类视觉反应更好的原因。事实上，梭状回是我们大脑中负责面部、身体和颜色识别的特定部分。这就是为什么你应该在你的视觉效果中使用人脸，他们越接近你的目标用户越好。一个成功的形象是你的顾客能联想到的，一个长得像他们的人，或者一个他们想成为的人。
在整个页面中使用真实的人物图像方面做得很好。从创始人和CEO作为主要英雄形象:
清晰地使用其创始人和CEO的形象登陆页面
到内容客户的各种奖证书:
登陆页面上有一个奖证书和客户照片
登陆页面转换为更多的真实人物的图像
他们甚至包括他们的支持团队的图像:
你的员工是真实的人!
““新闻标题和民众之间的联系很明显。所有的图片都是有关联的人，这有助于你进一步联系到品牌和它的解决方案。
3。由于我们在登陆页面上使用的图像占据了我们的大部分注意力，并且是人们看到的第一个东西，我们必须确保删除图像可能引起的任何噪声或摩擦。这包括可能分散注意力的颜色或其他没有目的的视觉对象。
Everwise有一个非常”响亮”的英雄图像，它很难阅读文本由于颜色和不同的对象在图像。此外，对于访问者应该看哪里或应该点击什么，没有方向提示——所有东西都有相同的重量。正如我们已经解释过的，页面上的图像是为了帮助将注意力引导到特定的动作上，而当图像太大时，就无法做到这一点。
一个有噪声的着陆页面图像
的例子。关于如何使用色彩心理学来提高转换率有许多不同的指南。虽然大多数信息图表和博客文章都表明每种颜色对每个人的情感影响都是一样的(例如，蓝色=信任)，但事实并非如此。颜色确实对我们的情绪有影响，但它由3个部分组成:情感——我们感知颜色是基于我们过去的经历，心理上和情感上的。例如:对一些人来说，蓝色象征着“海洋”、“新鲜”和“节日”，而对另一些人来说，蓝色象征着“悲伤”。象征性——我们将特定的颜色与特定的物体联系起来。例如，黄色=太阳，绿色=草地，蓝色=天空。文化——颜色在不同的文化中有不同的含义。例如，在西方文化中，“白色”被认为是纯洁、干净和喜庆的。在东方文化中，它象征着死亡和哀悼。为了有效地使用颜色，你必须首先了解你的客户，以便更好地理解他们的情感、文化和符号。这里是一个完整的指南，正确使用色彩心理学。
5。复制问题
图像不能单独工作。你可能有世界上最好的视觉效果，但如果它没有正确的语言来表达你的客户的愿望和需求，你将不会看到很多转换。获得正确的拷贝的秘密类似于选择一个图像——让它与客户有关。不幸的是，类似于企业使用主角形象来突出他们自己的解决方案，而不是客户，副本也以同样的方式用于自我服务。例子包括Team，解释他们提供的解决方案:
Pomerleau解释他们是谁:
Logo Shop描述他们的工作:
Tapdaq解释他们的平台如何工作:
上面所有的例子都有一个重复的主题:都是关于他们自己。正如我们已经确定的那样，这不是客户所关心的。客户关心的是他们能从中得到什么。这就是为什么写一份能够吸引潜在客户情绪的文案是至关重要的。BLK TUX在将其视觉效果与成功的登陆页面拷贝相匹配方面做得很好:
你的下一步:
下次当你坐在办公桌前思考登陆页面图像时，确保你做了研究，并考虑所有不同的方法，你可以唤起正确的情感，驱动潜在客户转换。
有哪些你见过并喜欢的登陆页面图片的例子?作为GetUplift的创始人和首席优化师，塔利亚·沃尔夫(Talia Wolf)利用情感定位和说服性设计为企业创造更多的收入、线索和销售。Talia是一个主题演讲者，转换优化培训师和顾问，最近被列为最具影响力的转换优化专家之一。关注她的推特:@taliagw。
WordStream的客座作者是专家、企业家和充满激情的w在线营销社区的Riters，他们为我们的博客带来了广泛话题的不同观点。
参见客座作者
的其他文章。谷歌广告转换跟踪指南
我们已经使谷歌广告转换跟踪很容易，所以您可以改善您的活动和最大化您的投资回报率。
(有说服力的)登陆页面的完整指南-有例子!
这是一个集撰写登陆页面为一体的指南，可以帮助你赢得客户和客户。“为什么你的转化率下降了+你可以做的6件事”有时候，登陆页面的优化并不总是有效的”评论“请在评论之前阅读我们的评论政策。
