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

有经验的营销人员已经明白，有某些模式和触发因素可以使着陆具有高度的转化率。 他们已经将他们的观察转化为可操作的指导方针，我们在这里 - 这是一个以转换为中心的设计的简短故事。 不再需要阅读茶叶并尝试预测用户的行为。 现在，您尽在掌握。

在本文中，我们将讨论以转化为中心的设计以及您可以在电子邮件和登录页面中使用它的方式。 请记住，您的设计选择不应该是随机的——每一个细节都可以服务于一个目的！

什么是以转换为中心的设计，你为什么要关心？

以转换为中心的设计 (CCD) 是一组规则或原则，用于设计具有商业效果的登录页面、电子邮件模板和其他类型的内容。 使用此策略，您可以创建为您带来更多高质量潜在客户、订阅者和客户的内容。

最初，这些原则是由 Unbounce 的团队创造的。 它们已经进入营销词汇，现在被各种专家和从业者自由地改编和解释。 但是，它们的含义和相关性并没有改变。

让我们承认，现在是 2021 年，但许多登录页面仍然令人困惑和不直观。

用户点击纽约一家面包店的广告后登陆此页面。 首先，页面与广告无关。 它有一个带有大量低质量图像和重复项的滑块、数量奇特的链接、一个巨大的菜单，并且没有解释为什么用户甚至应该注意这个地方。 很难理解这里发生了什么，这远非孤例！

以转化为中心的登陆页面设计有助于避免用户登陆典型的杂乱商业页面后经常遇到的困惑。

您当然不希望访问者的脑海中出现同样的独白。

您希望您的登录页面和电子邮件能够温和地引导您的用户，并为他们提供愉快、流畅的体验。 您的目标是与您的受众保持联系并让他们对您的品牌感兴趣。 您希望他们毫不费力地转换。

以转换为中心的设计是实现这一目标所需采取的确切方法。 有说服力的设计将帮助您的用户认识到您的报价的价值并根据您的号召性用语采取行动。 我们甚至会说，您页面上的每一个设计元素都可以推动转化——而且应该如此！

因此，以下是您在创建布局时需要考虑的以转换为中心的设计的七个原则：

1. 帮助游客集中注意力。 确保用户一眼就能理解您的报价的含义。
2. 创建一个坚固的结构。 开发创建自然流的内容层次结构。
3. 保持一致性。 为您的内容提供连贯、统一的外观。
4. 突出优势。 使用每个设计元素来指出您的产品或服务让生活变得多么轻松。
5. 让您的 CTA 脱颖而出。 让您的用户在他们的旅程中的任何时候进行转换。
6. 获得信任。 展示您的客户和行业专家对您的产品或服务的看法。
7. 创造无摩擦的体验。 整理和优化您的页面，使其更加直观和方便。

您是否总是需要采用以转换为中心的设计？ 我们敢说不。 该规则有一些例外，例如没有特定 CTA 的纯娱乐或信息页面或电子邮件。 然而，商业内容几乎总是需要采取面向转换的方法。

原则 1. 帮助您的用户集中注意力

任何想法，无论多么复杂，都可以以全面、清晰的方式进行概述。 没有人愿意阅读有关他们以前从未听说过的事情的文本页面。 您需要提出并强调您的产品或服务的主要功能，同时省略次要细节。 在您的内容中注入一些方向性，以确保您的用户在阅读几句话后保持正确。

最好的方法是在整个文本中创建焦点。 焦点是视觉上突出的元素，通常与标题、事实或图像的一部分（如人脸）形成对比。 它们使扫描文本变得更容易，并且像面包屑一样工作，迫使用户从一个部分转到另一个部分以收集所有内容。

让我们看看它在现实生活中是如何工作的。

Ando 的电子邮件设计突出了他们独特的销售主张“移动银行，打造更可持续的明天”。 强有力的标题后面是简洁的描述，激励读者了解更多关于生态银行的信息并立即开立账户。

还有一个积极的例子，但它并没有抢占先机——主要焦点仍然是报价。 在这个例子中，我们看到将复杂的文本分解成带有自定义图标的项目符号是多么有帮助。 它提高了整体可读性并使电子邮件更加注重转化，因为其受众可以立即看到该银行系统的主要优势。 最后但并非最不重要的是，完全没有法律术语有助于读者专注于报价的含义。

我们之前演示了一个餐厅登录页面，该页面还有一些改进空间。 现在，让我们来看看以转化为中心的着陆页设计的缩影。

这个页面真的吸引了用户的注意力，让他们渴望那些 cookie - 不可能专注于其他任何事情。 突然出现的标题和令人垂涎的照片立即解释了页面的内容，其余的则由清晰的描述完成。 页面的创建者将不太重要的部分（例如品牌历史和用户生成的内容提要）放置在靠近页脚的位置，以免分散他们的首次访问者的注意力。

原则 2. 创建稳固的结构

就像我们人类一样，商业内容也需要一个强大而健康的骨干——一个将所有元​​素保持在适当位置的结构。 正确的电子邮件或登录页面层次结构将帮助您的用户提高知名度，建立对您品牌的信任，并轻松自然地转换。

仅仅选择一个看起来不错的模板是一个新手错误——你必须改造你的内容并做出一些牺牲。 相反，您可以自己创建一个草稿，无论是脑力还是手动。 定义您的目标并概述您需要与观众交流的内容。 然后，寻找适合该结构的模板。

这是如何做到的 - 一封来自 Diadora 的特别优惠电子邮件。

这种以转换为中心的结构根本不是随机的——大多数电子商务电子邮件具有相同的重要性等级。 顶部有一个整洁的菜单、一个引人注目的视觉元素、一个简短的描述和一个 CTA 按钮。 这些关键元素之后通常是不太重要的可点击产品预览和附加说明。

拥有坚固的结构并不意味着逐块添加，并使您的电子邮件或页面充满文本和图像。 保留一些负空间或留白同样重要——它为您的布局提供一些呼吸空气，并使其看起来轻巧、简单和优雅。 空白只有在明智地使用时才会增加转换，因为它会引起对其余元素的注意。

看看这个精确组装的 AI 语音分析服务登陆页面。

这个页面很好地利用了空白。 它有很多信息，但元素不会相互重叠，也不会产生视觉冲突。 然而，该页面对转换友好——它有许多对比鲜明的 CTA 按钮、可操作的副本和基于价值的内容。 结构就在那里，但它也有足够的空气让游客呼吸。

原则 3. 保持一致性

尝试和尝试各种风格是很好的，但您需要保持一致的外观，以使您的内容资产得到认可、获得权威并将您的潜在客户转化为回头客。 易于识别的图形元素、独特的字体组合或调色板 — 使用与您的品牌相符并使您的内容可区分的任何内容。

品牌认知度不仅仅是像苹果和特斯拉这样的大公司担心的事情。 任何规模的品牌不仅可以被其核心受众认可，而且可以欣赏、喜爱和推广。 以应急包生产商 Judy 为例。

将此电子邮件与 Judy 网站进行比较，您会立即注意到相似之处：可识别的字体、相同的橙色阴影、友好和关怀的语气、教育元素以及对家庭安全的重视。 没有脱节——你觉得你正在与同一个品牌互动，只是通过不同的媒介。

当用户定期收到来自特定公司的电子邮件时，他们会习惯这种独特的沟通和视觉风格，并会立即识别出来自该品牌的电子邮件。 如果您想加深与受众的关系，您需要每次都为他们提供跨不同渠道的统一体验。

原则 4. 突出优势

我们在博客中写了很多关于电子邮件设计和登录页面设计的文章，因此您可能已经听说过以客户为中心和利益驱动的方法的重要性。 它是提高转化率的关键组成部分——好处使某种产品或服务成为消费者所向往的。 您可以借助诙谐的文案和有吸引力的图像或视频来突出显示它们。

让我们看一下推广 David Horsager 的登录页面，David Horsager 是畅销书作者、演讲者和领导力信任专家。

通过文字传达个人魅力真的很难，但这个登陆页面通过其直截了当的副本、令人信服的评论和引人注目的视频成功地做到了这一点。 该网站清楚地说明了为什么大公司聘请大卫在他们的活动中发言，以及他如何带来实际价值并积极影响每个活动参与者。 我们鼓励参观者在了解 David 的专业知识后联系他的团队。

您还可以通过选定的图像来翻译产品的优势，以传达某种情绪或氛围。

这封电子邮件不是谈论谈话，而是邀请用户通过挖掘他们的情感方面来庆祝锻炼和运动的力量。 它包括真实、真实的照片，其中自由奔放的角色穿着 Asics 运动鞋过着积极的生活。 鱼眼效果使图像看起来更自然，并完美地捕捉到这种氛围——订购一双并加入 Asics 社区非常诱人。

原则 5. 让您的 CTA 脱颖而出

没有 CTA，您的内容仍然无能为力。 如果您的内容需要滚动，请确保在折叠上方至少有一个显眼的 CTA 按钮和文本中的其他 CTA。 保持你的 CTA 文案简短，并包含激励用户立即采取行动的主动动词。

我们可以访问 Blendjet 的资源以获得一些以转换为中心的登陆页面设计灵感。

“今天得到你的”是有效 CTA 的一个很好的例子。 如果您提供快递服务，请在您的 CTA 中提及，让您的用户知道他们可以在几小时或几天内拿到您的产品。 在此页面上，我们还看到了其他 CTA，例如“探索食谱”，但它们是故意透明的，因此不太引人注意。

如果您品牌的调色板不包含明亮的颜色，您可以将号召性用语按钮放大以使其流行，例如 Under Armour 的示例。

一个好的经验法则是让你的 CTA 的字体重量比纯文本重，但比你的第一个标题轻。 按钮比超链接更容易被注意到和点击，因此在所有类型的商业电子邮件中使用它们都不会出错。

支持副本并不总是必要的——它会使页面或电子邮件看起来更混乱，但如果您的 CTA 暗示进行购买，则您需要它。 然后，“退款保证”或“免费试用14天”可能会消除用户的疑虑，最终提高您的转化率。

原则 6. 获得信任

如果你使用得当，社会认同可以成为你听众心灵的关键。 我们已经在我们的博客上讨论了收集客户反馈的方法 - 确保您有积极的评论可以开始使用。

不要将自己局限于徽标栏 - 它们几乎不会显示您合作的品牌，而不是他们对您的业务的看法。 我们建议将每个客户的推荐变成一个小小的成功故事。 你的社会证明越感人、多样化和真实，它就会显得越值得信赖。 如果客户愿意提供，请添加他们的真实姓名、职业和照片。 但是，更重要的是，请他们描述您的产品或服务给他们带来的真实印象和情感。

反重力工作是一个在线营养指导计划，他们的客户不会回避用前后照片分享他们令人印象深刻的转变故事。

另一种赢得客户信任的方法是提醒他们您品牌的传统和丰富的历史。 这正是时尚运动服饰品牌 Sergio Tacchini 的偏爱方式。

如果您的企业在当地或全球范围内具有文化影响力，您也可以将这一事实变成一个引人入胜的故事来讲述。 人们被历史悠久的品牌所吸引，因为它显示了它们的可靠性和完整性，以及它们对质量的承诺。

原则 7. 创造无摩擦的体验

用户体验始于内容的加载速度。 如果您怀疑您的着陆页太重并且阻碍了您的转化，请不要猜测，只需使用 Google PageSpeed Insights 进行检查即可。

下一个示例将说服您，您可以创建一个漂亮且色彩丰富的网站，而无需为其添加特殊效果和其他繁重元素。

Bombas 是一家生产耐用袜子、内衣和衬衫的公司。 他们还通过捐赠每次购买的物品来支持无家可归的人。 这项令人难以置信的以目的为导向的业务在某种程度上使购买内衣变得更加愉快，这要归功于其简单直观的网站，而且使用起来很有趣。

您还需要分析您的内容，使其用户友好且移动优先。 使用单字段表单、单列布局和响应式设计，让您的电子邮件和页面在旅途中易于阅读。 请记住，超过一半的电子邮件是在移动设备上打开的。

有一种方法可以绝对确保您的电子邮件在任何设备上正确显示，即使互联网速度较慢 - 您可以拥抱简单并有意去除繁琐和笨重元素的内容。

有一个明显的趋势是支持纯文本电子邮件，因为它们具有不完美、自然的感觉，因此它也将是一个明智的风格选择。 干净、简约的电子邮件将创造流畅的体验，并轻柔地推动您的用户进行转换，而不会让他们不知所措。

把这一切捆绑在一起

遵循以转化为中心的设计的这七个原则，您将为您的内容提供和谐、平衡的外观，同时还能吸引新的潜在客户并扩大您的客户群。 您还可以尝试使用 SendPulse 工具来实现您刚刚学到的内容。

从我们的拖放登陆页面构建器开始怎么样？ 您可以自定义我们的任何模板并通过仅包含您需要的元素来创建转换怪物。 或者，使用我们的无代码电子邮件构建器和自动化服务增强您的电子邮件营销活动。 使用我们的工具，您可以获得足够的创作自由并开辟新的方法来提高转化率！