当页面上有多个项目几乎完美对齐时（在这种情况下，标题、订阅切换和选项表的中间部分），视觉上，你的眼睛会形成垂直网格并直线阅读。

你的眼睛会忽略和降低垂直网格之外的信息的优先级，因为你的大脑希望以最简单的方式做出决定，而在这种情况下，就是直线向下。

我知道这不可能是一个有意的选择，因为他们把最具说服力的社会证明部分留在了网格之外（我马上会谈到）。

这个提示更广泛地适用于任何类型的形状。LinkedIn的创作者们喜欢他们的形状帖子，但你的眼睛会说“哦！一个形状”，然后停止阅读上下文。

最近我用一篇帖子做了个测试。我的评论对内容的热情要低得多，人们只注意到了开头的一两句，因为他们的大脑无法阅读其他内容。

说真的，试着挑出这篇帖子的一些重要信息。

我打赌你很难处理帖子的实际内容。这是因为你的大脑一遍又一遍地说“形状形状形状”。

在设计中，比例是帮助你的理想客户轻松理解信息的最好朋友之一。注意力是短暂的，所以帮助你的理想客户或顾客尽快有效地做出决定应该是你的主要任务。

大脑喜欢大小的差异。他们需要文本之间的明显大小差异来理解信息。

标题是24pt，其余文本是16pt。最佳实践是将标题大小增加两倍。即使只是改变大小，副标题看起来也更加粗体。

这也解决了我们在第一点中的网格问题。如果我重新设计这个页面，我还会调整副标题和计划名称的大小。

如果你要有意地创建一个垂直网格，那么你会想把最好的社会证明放在网格中。但实际上，你希望把它放在最有意义的地方。

这个产品的两个重要的可信标志是：

1. 超过6200名创作者在使用

2. Justin Welsh和Codie Sanchez在使用

将这些内容集中在垂直网格中，改变大小，并添加一个可识别的女性来打破所有男性的五个中心空间，都将在这种情况下提高转化率。

我理解在顶部和底部放按钮可能会感觉有点唐突。但有两类人在查看你的选项表：

1. 先买后问问题的人

2. 过度研究并阅读页面上的每个字，思考3个小时的人

（我是第一类，所以如果你是第二类，那么抱歉，这可能有点夸张，但这就是我感觉的哈哈）

然后将它们移到选项表的底部。不要让某人在浏览所有功能后，却没有在他们实际拥有所需信息时放置按钮来做出决定。

让你的理想用户更容易购买，而不是更难。

每当有人感到沮丧或有次优的转化体验时，你就会遭受流失。

如果它看起来像按钮，叫起来像按钮，那它就应该是按钮。

如果让东西看起来像按钮，却没有打算让它们可点击，那就是我开始深入研究的原因。

我们的大脑运作在符号中。你的大脑会说，“哦！按钮！我应该点击注册！”当它无法点击时，会感到困惑。

这足以让某人离开。

热图工具会跟踪点击的热点和冷点——基本上就是人们点击和不点击的位置以及点击率。这个工具会帮助第5点的页面。

这包括实际上有链接的地方和没有链接但应该有可点击内容的地方。

我看到很多表现不佳的页面在关键位置缺少按钮，或者开发人员只让文本可点击而不是整个按钮，热图会发现这一点。

请记住：如果让某物看起来像按钮，人们就会期望它是按钮，并相应地行事。

在移动购买体验中，始终将第一个选项设置为您希望人们购买的计划。

从桌面表格版本中，我们知道公司希望人们选择中间计划（在大多数三个计划选项表中，你可以安全地假设这一点）。但出于某种原因，在移动体验中，该计划并不是首选。

Leadpages做得很对，清楚地强调了公司希望人们从一开始选择的计划，但也让人们可以轻松查看其他计划。

这是Leadpages，所以我期望他们有一个几乎无法击败的转化体验。但这个原则同样适用于任何三个支付方案。

顺便说一句，这个工具的页面更好地反映了我在比例层次上谈到的内容。你知道公司希望你关注的文本。做得好！

最近在帮助客户决定使用项目管理软件时，我看到了这一点，这是领先的应用之一，如果不是市场领导者。

三个选项的选项表有两个目的：

1. 帮助人们在选项之间做出决定

2. 推动人们选择中间选项

三个选项的选项表总是让中间选项看起来是最好的交易或最理想的功能集。

右侧的选项是大多数用户不需要的，因为它太全面了。

左侧的通常是给那些觉得中间价格有点高的人的降级产品。降级产品完全是一种引诱，让人们升级。

我们正在看的表格是罕见的情况之一，即最便宜的选项是中间的选项，左侧的选项是给中级用户的——这本身就是一个奇怪的选择。但我岔开了话题。

为了在人们做决定时提供他们想要的浏览便利，你必须对齐选项表中的所有功能。

这样，人们可以清楚地看到每个计划之间的区别，这有助于他们决定哪个功能水平适合他们的需求。

不要对Leadpages太过赞美，但他们做得很好。

我甚至没有使用他们的产品，但我会关注他们在做什么，因为我知道他们了解转化。

很容易看出你得到的区别，因为一切都对齐得很好，你可以通过扫视眼睛看到差异。

就我个人而言，我会找到一种方法，让AI引擎无论如何都是同一行，但它并没有那么凌乱和扭曲，以至于你的眼睛无法轻松比较。

没有人应该为了阅读页面的任何部分而打开深色模式。确保设计中有足够的对比度，以便文本更容易阅读。这也是一个可访问性问题。

这个颜色稍微再深一点就好了。

说真的，看看我只需稍微拖动颜色选择器，就可以让可读性大大提高。这不像其中一个是品牌颜色——这个品牌以蓝色为主。深黄色中还含有与其背后的蓝色相似数量的灰色，因此它们更和谐地融合在一起。

假设你的观众中大约有一半在使用深色模式。如果你试图强制他们使用浅色模式，许多人会聪明地使用屏幕变暗器。吸血鬼模式万岁。

当我只为浅色设计时，我会切换三种不同的屏幕变暗器，以查看在深色模式下的外观，只是为了确保一切仍然可读。

而且你知道的... 为了确保我的颜色不会意外变成粪便棕色。我不知道你怎么看，但这不是我想让我的东西靠近的颜色。

出色的设计应该同时考虑深色和浅色模式，因为大约是五五开，而且这并不难做到，但如果现在做不到，至少要在屏幕变暗器中查看你的内容。

大多数人不会频繁地打开和关闭他们的屏幕变暗器，如果你设计的东西深色模式下无法阅读或看起来很丑陋，你可能会失去一些用户。

特别是当你使用渐变时，这一点尤为重要。我见过很多深色模式页面，你只能读到一半内容。

当人们被说服时，让他们轻松购买。不要让他们为了转化而上下滚动。没有比按钮不在该有的位置更快地破坏转化的了。

为什么？因为这会让你更有可能陷入可怕的“我以后再回来看看”的境地，成为一个积满灰尘的书签，甚至更糟糕的是 - 当你的浏览器打开了50个标签，你在会议中间急需找到那个真正需要的标签时，这个标签注定会被关闭。

这个特定的推荐部分有来自尼尔·帕特尔（Neil Patel）的推荐。我不确定还有什么社会证据比这更有说服力的了？

所以一定要在推荐之前和之后添加按钮。

如果你有月度与年度或一次性付款与分期付款的选择，总是选择年度或一次性付款选项。

无论你的业务中的货币是时间还是金钱，无论哪种方式，你都在付出很多来吸引某人访问这个页面。你最好推动他们选择对他们和你都最有回报的选项。

付款计划和月度选项也有更高的流失率。像 Klarna、Affirm 等服务有助于减轻供应商的这些风险，但如果你不符合这些服务的条件或不想使用它们，那么可能会让你陷入困境。

我理解你希望页面有“呼吸空间”并在设计中留白。我理解。但在2024年，我们都应该知道一个基本的不变原则，那就是按钮需要放在页面折叠区域之上。

大多数地方在桌面上做得不错（但不是全部），但人们在移动设备上经常会受到影响。

我知道，你可能会想“人们肯定不会在手机上注册什么”，我像瘟疫一样避开这个，但我学到的是，这让我显然成为了一个技术上的保守派，因为大多数人确实会通过手机注册，甚至是通过手机注册页面构建工具。

我不理解，我讨厌小屏幕，但我是一个设计师，这使我默认有点怪异。

Leadpages 是我在这篇文章中唯一会点名的公司，因为我已经称赞过他们两次。

没有人会百分之百地做对，所以如果你犯了一些错误，只要知道，即使是一个完全致力于优化转化的网站也不总是做对。

而且，有时你可以在设计和转化之间做出选择。我经常这样做，因为这是一个权衡，但为了美学而牺牲你的主要转化区域（即人们可以注册或购买的第一个机会）不是正确的做法。