首页

如何进行 A/B 测试:面向营销人员的简单易懂的入门指南(附工具和示例)

杰睿

你觉得你的营销有效吗?那就证明它吧。

营销人员喜欢争论什么方法有效。你的行动号召 (CTA) 按钮应该用绿色还是红色?简短的主题行能提升邮件的打开率吗?醒目的标题比含蓄的标题更好吗?

大多数人都是猜测。聪明的营销人员会进行测试。

A/B 测试(也称为拆分测试)是优化营销的最简单但最有效的方法之一。A/B 测试让您可以比较某些内容(网页、广告、电子邮件或 CTA)的两个版本,看看哪个版本的效果更好,而不是随机更改并希望获得最佳效果。

如果操作正确,A/B 测试可以:

  • 提高点击率、转化率和收入
  • 消除基于猜测的错误营销决策
  • 向您准确展示观众的反应
  • 帮助你扩大有效的方法并抛弃无效的方法

但问题是——大多数人把 A/B 测试搞得太复杂了。本指南将用浅显易懂的语言进行讲解,并结合实际案例和最佳工具,助您立即开始测试。

让我们开始吧。

1.什么是 A/B 测试(以及为什么要关心它)?

A/B 测试(也称为拆分测试)是比较某个事物(网页、广告、电子邮件或其他任何东西)的两个版本,以查看哪个版本的效果更好。

您无需猜测哪个标题、按钮颜色或广告文案会获得更多点击,而是运行 A/B 测试:

  • 版本 A(原版)向一半的观众展示。
  • 版本 B(变体)显示给另一半。
  • 您可以跟踪哪一个获得更多的转化、注册或销售。

这为什么重要?因为小调整就能带来大成果。不测试,就等于白白浪费钱。

1)A/B 测试如何提升营销绩效

  • 优化转化率——更高的点击率意味着更多的潜在客户和销售额。
  • 消除猜测——您知道什么有效,而不仅仅是您认为什么有效。
  • 减少浪费的广告支出——测试不同的版本,看看哪个版本能带来最佳的投资回报率。
  • 改善用户体验——测试可帮助您根据真实行为改进消息传递和设计。

2)真实案例:电子邮件主题行

想象一下,您正在发送电子邮件活动,但无法在两个主题行之间做出选择:

  • A: “不要错过这个限时优惠”
  • B: “您的专属24小时折扣来了”

你不是随机选择一个,而是进行 A/B 测试,将 A 版本发送给一半受众,将 B 版本发送给另一半受众。24 小时后,你检查打开率:

  • 版本 A:打开率为 18%
  • 版本 B:打开率为 24%

由于版本 B 表现更好,您现在有数据支持在未来的电子邮件中使用更具体、更具时间敏感性的主题行。


A/B 测试可以帮助您停止做出假设并开始做出数据驱动的营销决策


接下来,让我们看看您可以进行哪些 A/B 测试(提示:比您想象的要多)。

2. 你可以进行哪些 A/B 测试?(比你想象的要多)

A/B 测试不仅适用于按钮颜色和标题——您几乎可以测试营销策略中的任何内容。如果它能够影响转化率、参与度或收入,就值得测试。

以下是A/B 测试中最有价值的一些元素:

1)网站和登陆页面

  • 标题——明确的利益驱动型标题是否比基于好奇心的标题效果更好?
  • 号召性用语 (CTA) 按钮– “开始” vs. “免费试用” vs. “立即注册”。
  • 图像和视频——人物与产品照片、静态图像与自动播放视频。
  • 页面布局——单列与多列、表单位置、内容层次结构。
  • 信任信号——添加推荐、案例研究或徽章(如“福布斯推荐”)。

 例如:

一家 SaaS 公司测试了两个版本的登陆页面:

  • 版本 A有一个通用标题:“小型企业的首选 CRM”。
  • B 版有一个具体的、以利益为导向的标题:“使用我们的 CRM 可达成 50% 以上的交易。”

版本 B 使注册量增加了 22%。

2)电子邮件

  • 主题行——紧迫性与基于好奇心的行。
  • 正文长度——简短有力还是详细翔实。
  • 个性化——“嘿 [名字]” vs. “嘿,你好。”
  • 发送时间和日期– 周二上午 8 点比周五下午 4 点更合适吗?

 例如:

某电商品牌针对购物车放弃邮件测试了两个主题行:

  • A: “哎呀!你购物车里落了东西”
  • B: “还在犹豫什么?现在打九折。”

主题行 B 的打开率提高了 15%。

3)广告和付费活动

  • 广告文案——基于问题的标题与基于陈述的标题。
  • 图片和视频——生活方式图片与以产品为中心的视觉效果。
  • 目标受众——广泛定位与小众受众。
  • 号召性用语 (CTA) – “立即购买” vs. “了解更多” vs. “今天就试试”。

例如:

一家 DTC 品牌正在进行 Facebook 广告测试:

  • 广告 A:展示产品的特写。
  • 广告 B:展示一个人使用该产品。

广告 B 带来的转化率增加了 30%。

4)定价和优惠

  • 不同的价格点——每月 49 美元与每月 59 美元(附加功能)。
  • 折扣类型——10%折扣 vs. 10美元折扣。
  • 免费试用期– 7 天 vs. 14 天。
  • 付款计划——按月付款或按年付款,并有折扣。

 例如:

订阅服务测试两种免费试用期限:

  • 答: 7天免费试用
  • B: 14天免费试用

14 天的试用期增加了注册人数,但第一个月后保留率较低。

5)社交媒体帖子

  • 标题长度——短标题与长标题。
  • 表情符号 vs. 无表情符号——表情符号会增加参与度还是会让帖子看起来不那么专业?
  • 标签——测试不同的标签组合。
  • 视频缩略图– 面部与文字覆盖。

 例如:

某品牌测试了两个 Instagram 标题:

  • 答:简短直接:“新品上架,点击购买!”
  • B:更长一些,以故事为主:“我们的新系列灵感来自夏夜和无尽的冒险。你最喜欢哪件作品?”

版本 B 的参与度提高了 40%。


A/B 测试不仅仅是进行微小的调整,它还涉及了解您的受众并优化营销渠道中的每个接触点。


现在您知道可以测试什么了,让我们逐步了解如何以正确的方式实际运行 A/B 测试

3. 如何进行 A/B 测试(分步指南)

现在您已经知道要测试什么了,让我们来分解一下如何正确地进行 A/B 测试。关键在于保持简单——一次只测试一件事,让数据积累起来,并根据实际结果而不是直觉做出决策。

以下是运行有效 A/B 测试的分步过程:

步骤 1:选择要测试的内容

  • 从一个变量开始——CTA 按钮颜色、电子邮件主题行、广告图片等。
  • 避免同时测试多个元素(否则,您将不知道是什么导致了差异)。
  • 选择一些真正影响转化或参与度的事物。

例如:

您想增加目标网页的注册量。无需重新设计整个页面,只需先测试标题即可

第 2 步:创建 A 和 B 变体

  • 版本 A是您的原始版本(对照)。
  • 版本 B是修改后的版本,只有一处变化。
  • 保持其他一切完全相同以确保结果准确。

例如:

您正在测试电子邮件主题行:

  • 版本 A: “您的独家优惠今晚结束”
  • 版本 B: “最后机会!午夜前领取折扣”

步骤3:随机划分受众

  • 均匀分配您的流量 - 一半看到版本 A,一半看到版本 B。
  • 使用A/B 测试软件来确保公平性(下一节将详细介绍)。
  • 流量越大,您就能越快获得有意义的结果。

例如:

您的电子邮件列表有 10,000 名订阅者。5,000名订阅者获得版本 A5,000 名订阅者获得版本B。

步骤 4:运行测试足够长的时间

  • 让测试运行直到您获得足够的数据 -不要过早停止
  • 一个常见的错误是一两天后就结束测试。给它一些时间。
  • 使用统计显著性计算器来确认有效结果。

例如:

你测试了两个 Facebook 广告素材。一天后,广告 B 胜出,但总共只有50 次点击
你让测试运行了一周,现在广告 A 实际上是赢家,点击次数达到 5,000 次。

第五步:分析结果并实施成功方案

  • 查看转化率、点击率、打开率、参与度等关键指标。
  • 如果有明显的赢家,请将其应用于整个营销活动。
  • 如果没有太大差异,请继续测试其他东西。

例如:

您对 CTA 按钮颜色进行了 A/B 测试,结果显示版本 B(红色按钮)的转化率高出 12%。现在,您将网站上的所有 CTA 按钮更新为红色。


  • 一次测试成功并不意味着它会永远有效
  • 观众的喜好会改变——不断测试新的想法
  • 随着时间的推移,积累小的改进,实现巨大的增长。

现在您已经知道如何运行测试,让我们来讨论一下可以简化流程的最佳 A/B 测试工具。

4. 营销人员最佳 A/B 测试工具

手动运行 A/B 测试简直是一场噩梦。好消息是,有一些工具可以帮你搞定一切——拆分流量、跟踪结果,并显示明显的优胜者。

以下是针对不同用例的一些最佳 A/B 测试工具:

1)网站和登陆页面 A/B 测试工具

这些工具可以帮助您测试不同的页面设计、标题、CTA 和布局,以提高转化率。

  • Google Optimize(已停用,但正在寻找替代方案) ——免费的网站 A/B 测试工具,但即将关闭。建议尝试 VWO 或 Optimizely。
  • Optimizely – 一款强大的网站和应用程序测试工具,非常适合企业和增长驱动型公司。
  • VWO(可视化网站优化器) ——用户友好的工具,用于拆分测试登陆页面并提高网站性能。
  • Unbounce – 一个登陆页面构建器,内置 A/B 测试,用于潜在客户生成和销售页面。

例如:

一家 SaaS 公司测试了两个版本的落地页:一个带视频,一个带图片。Optimizely显示,视频页面的注册量增加了 18%,因此他们决定在自己的网站上推广视频页面。

2)电子邮件A/B测试工具

测试主题行、电子邮件内容、发送时间和 CTA,以提高打开率和点击率。

  • Mailchimp—— 易于使用的电子邮件营销平台,内置主题行和内容的 A/B 测试。
  • Kit – 非常适合创作者和博主测试不同的电子邮件格式。
  • ActiveCampaign——先进的自动化和分段功能,可以进行更精确的电子邮件测试。
  • HubSpot A/B 测试——非常适合测试整个电子邮件工作流程,而不仅仅是单个电子邮件。

例如:

一份新闻稿测试两个主题行:

  • A: “你需要知道的营销秘密”
  • B: “这个营销技巧将转化率提高了35%”

HubSpot A/B 测试表明,版本 B 的打开率高出 22%,因此他们继续采用这种风格。

3)广告和付费营销活动的 A/B 测试工具

测试广告文案、图片、定位和格式,以提高付费广告的投资回报率。

例如:

一个 DTC 品牌在 Facebook 上测试了两个广告标题:

  • A: “首次订购可享 10% 折扣”
  • B: “首次购物可享 10% 折扣 - 立即购买”

AdEspresso 显示版本 B 获得的点击量增加了 15%,因此他们扩展了该版本。

4)电子商务和定价A/B测试工具

测试产品定价、折扣优惠和结账体验以增加销售额。

  • Shopify A/B 测试应用程序(Neat A/B Testing、Convertize等) ——使用 Shopify 为电子商务品牌打造。
  • Google Optimize(Sunset,改用 VWO 或 Optimizely) ——用于测试定价和结账变化。
  • 智能定价(由 Paddle 提供) ——帮助 SaaS 企业测试不同的定价模型。

例如:

一家网店测试了一款高端产品的49 美元和 59 美元定价。经过 4 周的测试,他们发现59 美元的定价不仅没有影响销量,反而能带来 20% 的收入增长,因此他们坚持了下来。

5)热图和行为A/B测试工具

查看用户点击、滚动和离开的位置,以便您可以优化网站参与度。

  • Hotjar——热图、会话记录和用户行为跟踪。
  • Crazy Egg – 网站元素的点击跟踪和 A/B 测试。
  • FullStory——用于分析用户行为的高级会话重播工具。

例如:

一个博客测试了两种不同的 CTA 位置:

  • A:页面顶部的CTA 按钮。
  • B:页面底部的CTA 按钮。

Hotjar 的热图显示,90% 的访问者从未滚动到足以看到底部的 CTA,因此他们将其移到更高的位置。


没有 A/B 测试工具,你只能靠猜测。这些工具可以帮助你追踪真实数据,运行公平的测试,并进行优化以获得更好的结果


接下来,让我们回顾一下最常见的 A/B 测试错误以及如何避免它们。

5. 常见的 A/B 测试错误(以及如何避免)

A/B 测试理论上很简单——改变一个点,比较结果,选出最佳方案。但在实践中,营销人员会犯很多错误,导致数据不准确,浪费时间

以下是最常见的 A/B 测试错误以及如何避免这些错误:

1)同时测试太多东西

如果您同时更改多个元素(例如标题、按钮颜色和图像),您将不知道哪个更改实际上产生了差异

修复它:

一次测试一个元素。先对标题、按钮、图片分别进行测试。

例如:

某品牌在 A/B 测试中同时更改了 CTA 按钮和优惠信息。转化率确实有所提升,但他们并不清楚究竟是按钮的更改起了作用,还是优惠信息本身就起到了作用。

2)过早停止测试

很多营销人员一看到效果就兴奋不已,立即结束 A/B 测试。但早期数据并不可靠——测试需要足够的流量和时间才能具有统计有效性

修复它:

使用A/B 测试计算器来确定在做出决定之前运行测试的时间。

例如:

Facebook广告测试显示,广告A在两天后就取得了成功,但点击量只有100次。他们让广告A运行了整整一周,结果广告B竟然以5000次点击量夺冠。

3)忽略统计显著性

版本 B 的转化率略高,并不意味着它真的更好。如果差异不具有统计显著性,那么结果就只是随机噪声

修复它:

使用统计显著性计算器(如AB 测试指南Evan Miller 的计算器)来确认您的结果。

例如:

电子邮件主题行测试显示:

  • 版本A:打开率为20.3%
  • 版本 B:打开率为 20.8%

如果没有统计意义,这种微小的差异并不意味着版本 B 实际上更好

4)没有正确细分受众

如果您的测试受众不随机且不具有代表性,您的结果就会存在偏差。例如,如果版本 A 主要面向移动用户,而版本 B 主要面向桌面用户,那么结果就不会可靠。

修复它:

使用 A/B 测试工具在各个版本之间随机分配流量,以获取干净、无偏见的数据。

例如:

一家电商平台在周末进行了 A/B 测试,但其受众在工作日的行为有所不同。测试结果对于长期决策毫无帮助。

5)在没有明显差异的情况下宣布获胜者

并非每次测试都能带来显著的改善。如果差异很小或无法确定,请勿强行下结论——直接进行下一个测试即可

修复它:

如果没有显著的赢家,请测试另一个元素或改进您的实验。

例如:

一家 SaaS 公司测试了两个 转化率几乎相同的定价页面。他们没有强迫客户做出决定,而是转而测试定价文案

6)仅运行一个测试并停止

A/B 测试并非一次性完成——今天有效的方法明天可能就无效了。受众行为、趋势和平台会随着时间而变化。

修复它:

将 A/B 测试视为一个持续的过程,而不是一次性的实验。

例如:

一个电子邮件营销团队在三月份找到了一个成功的邮件主题,但却从未再次测试。到了七月,邮件打开率开始下降,但他们却没有意识到受众的偏好已经发生了变化。


如果测试内容过多、过早停止或忽略统计显著性,A/B 测试结果将毫无意义。遵循最佳实践,信任数据,并持续测试以持续改进


接下来,让我们看看现实世界的 A/B 测试示例,看看哪些方法真正有效。

6. 真实世界的 A/B 测试示例(实际有效吗?)

理论上谈论 A/B 测试是一回事,但让我们来看看那些经过测试、迭代并取得巨大改进的真实公司。这些案例表明,即使是微小的改变也能带来转化率、点击量和收入的大幅提升。

示例 1:更改 CTA 按钮颜色可使转化率提高 21%

测试元素:登陆页面上的 CTA 按钮颜色
公司: HubSpot

测试内容:

HubSpot 想看看改变CTA 按钮的颜色是否会影响转化率。他们进行了以下测试:

  • 版本 A:绿色按钮(原始版本)
  • 版本B:红色按钮(测试版)

结果:

  • 红色按钮的点击量比绿色按钮多 21% 。
  • 没有进行其他更改,因此按钮颜色显然是导致提升的原因。

外卖:

色彩心理学很重要——CTA 的对比色可以使其更加突出。然而,这并不意味着红色总是胜出——关键在于根据网站设计测试颜色。

示例 2:更改单个主题行即可使邮件打开率提高 20%

测试元素:电子邮件主题行
公司:一家 SaaS 公司

测试内容:

该公司希望更多人打开他们的促销邮件。他们进行了测试:

  • 版本 A: “试用我们的新功能——现已推出”
  • 版本 B: “这个新功能将改变你的工作方式”

结果:

  • B 版的打开率比 A 版高出 20%。
  • “改变”这个词引起了好奇心和紧迫感。

外卖:

文字很重要。以情感驱动和基于好奇心的主题行可以显著提高打开率。

示例 3:更改目标网页的标题可使注册量翻倍

测试元素:登陆页面标题
公司:一家 SaaS 初创公司

测试内容:

该公司希望提高注册率,因此他们测试了两个标题:

  • 版本 A: “小型企业首选 CRM”
  • 版本 B: “通过我们的 CRM 达成 50% 以上的交易”

结果:

  • B 版的注册人数增加了一倍。
  • 具体的好处(“多达成 50% 的交易”)比泛泛的说法更能引起共鸣。

外卖:

模糊的营销信息无法像具体的、以利益为导向的标题那样产生良好的转化效果。

示例 4:A/B 测试广告文案将点击率提高了 15%

测试元素: Google Ads 标题
公司:某电商品牌

测试内容:

他们想看看哪种类型的 Google 广告文案效果更好:

  • 版本 A: “选购最佳跑鞋 - 九折优惠”
  • 版本 B: “跑步者喜欢这双鞋——九折优惠”

结果:

  • B 版的点击率高出 15%
  • “跑步者喜欢这些鞋”这句话起到了社会证明的作用,使广告更具吸引力。

外卖:

人们对社会认同和情感诉求的反应比一般的产品描述更强烈。

示例 5:简单的表单更改使潜在客户增加了 30%

测试元素:引导表单设计
公司:一家 B2B 软件公司

测试内容:

该公司希望更多人填写他们的潜在客户表单。他们进行了测试:

  • 版本 A:包含7 个必填字段的表格
  • 版本 B:包含3 个必填字段的表单

结果:

  • 较短的形式使潜在客户增加了30%
  • 额外的字段会造成摩擦,因此删除它们会使注册变得更容易。

外卖:

更少的摩擦=更高的转化率。如果您的表单、结账页面或潜在客户开发流程过于复杂,您就会失去潜在客户。


这些真实的 A/B 测试示例表明:

  • 微小的调整可以带来巨大的改进。
  • 正确的信息传递可以使转化率翻倍。
  • 每个观众的反应都不同,所以一定要进行测试。

不要猜测,今天就开始运行 A/B 测试,让数据指导您的决策。

最后的想法:停止猜测,开始测试

A/B 测试不是进行随机更改,而是基于真实数据进行迭代、优化和提高性能

本指南的要点:

  • 一次测试一个元素以获得明确的结果。
  • 不要过早停止测试——给它们时间收集有意义的数据。
  • 使用 A/B 测试工具来自动化和跟踪结果。
  • 定期进行测试——今天有效的方法六个月后可能就无效了。

营销的精髓在于持续改进。无论是行动号召 (CTA)、邮件标题、广告还是定价策略,都要进行测试,信赖数据,并不断优化,以获得更佳效果。

现在轮到你了——你要进行 A/B 测试的第一件事是什么?

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

busuu 如何提升移动订阅收入的 4 个经验教训

杰睿

在今年旧金山举行的Mobilize 大会上,我们深入探讨了一些我们最喜欢的品牌如何使用数据、实验和行为科学来增强其客户在网络和移动平台上的数字体验。

Antoine Sakho 是busuu的产品负责人。busuu 是一家总部位于伦敦的公司,致力于开发语言学习应用,迄今已服务于全球超过 7500 万人。他们的梦想是让任何人都能随时随地通过个性化课程学习一门新语言,并通过与母语人士的互动来丰富学习内容。

Antoine 向我们深入介绍了 busuu 的订阅优化策略,并让 Mobilize 的观众亲眼目睹了他们的收入方程式和实验策略,这些策略可能会对您的移动订阅收入产生直接影响。

Antoine 首先引用了 App Annie 最近的一份报告,该报告显示,2016 年全球十大畅销应用中,有 8 个是免费增值、基于订阅的应用。这表明,如果用户发现你的应用内容有价值,他们更愿意转向基于订阅的定价模式。

直到2014年夏天,busuu应用才提供应用内购买功能,可以解锁特定语言的特定级别。2014年之后,他们改用订阅模式,提供月度、半年和年度套餐,以为订阅因其可重复使用的特性,自然而然地拥有更高的终身价值,从而增加收入。然而,未经严格测试,他们发现事实并非如此……

引入订阅付款后,购买转化率下降了 75%!

“虽然缓慢但稳步,并且经过多次实验,我们的转化率开始呈上升趋势,直至达到转换之前的水平。”

安托万指出,当你达到与应用内购买类似的购买转化率水平时,由于订阅的重复性,你实际上可以通过订阅获得更高的复合收入。

“回想起来,从应用内购买到订阅的转变是痛苦的——但从长远来看绝对是值得的。”

该团队科学地解决了这个问题,将订阅收入视为以下等式:

订阅收入=活跃订阅者数量x订阅者平均生命周期价值

订阅

Antoine 进一步细分了方程式:安装次数、转化率、平均订单价值和续订率,这些将优化 busuu 的整体订阅收入数字。

注意:许多安装策略都是在应用程序环境之外进行测试的。

Antoine首先解释了提高购买转化率的两种策略及其相应的策略:

  1. 通过内容锁定和路标等策略增加付费墙观看次数
  2. 通过折扣和产品营销等策略改善支付渠道

他描述了影响平均订单价值的两种策略和战术:

  1.  通过制定长期计划来改变产品组合
  2. 使用价格弹性测试提高价格

最后,他解释了 busuu 如何通过分支取消流程来提高续订率,该流程提供帮助和支持、提供最后机会折扣以及提供暂停订阅的功能。

以下是我们从 busuu 中学到的 4 大经验教训以及您可以立即开始测试的策略!

  1. 转化率优化策略:内容锁定

“你怎么知道锁定量是太多还是太少?答案就是 A/B 测试。”

该团队测试了仅限高级用户访问所有语言的功能。

此前在 busuu 上,免费用户可以随意切换任何语言,但每次使用时都会遇到内容被锁定的情况。

假设:同时学习多种语言的铁杆免费高级用户将升级以继续学习。

结果:高级用户参与者的转化率提高了 83%(大约 20% 的用户学习了 1 种以上的语言)——这是他们在数百次实验中看到的最强效果之一!

经验教训:如果您拥有一组有限的免费高级用户,他们表现出非常特殊的内容消费行为,请考虑锁定对该内容的访问权限,您可能会看到转化率的显著提高。

“我们仍在 busuu 上试验内容锁定——这是一个永无止境的旅程——并且正在努力根据我们构建的预测转化模型所评估的用户转化可能性来动态地锁定和解锁内容。”

busuu 结果

2.改进支付漏斗策略:折扣

2017 年 4 月,busuu 开始尝试仅对 12 个月的计划提供 50% 的折扣,而不是 30% 的折扣。

假设:他们每销售一个边际单位的成本实际上为 0——他们可以折扣到 90%,所以他们尝试了一下。

成果:随着用户选择长期套餐,他们的转化率提升了 40%,预订量也增加了 88%。这是因为折扣的增加使得长期套餐看起来更实惠。

经验教训:如果您能够通过仅针对这些计划提供折扣来吸引用户选择长期计划,那么更高的折扣率并不一定意味着更少的收入。

从那时起,我们一直在进一步尝试折扣,尤其是由某种用户行为(例如连续购买或完成一系列活动)触发的折扣。这种方法非常成功,我们会继续测试。

busuu 折扣

3. 调整产品组合并提高价格策略:价格细分和价格测试

假设:他们进行了一项实验,旨在通过分解年费来激励用户选择包年套餐。几年前,年费就已经分解为等值的月费——也就是说,他们不再显示 60 美元/年,而是在总价上方显示 5 美元/月。这是一种非常常见的做法,目的是将客户固定在较低的价格上,并使包年套餐相对更具吸引力。仅凭这一点,他们就发现包年套餐的购买量增长了 12%。

现在,他们想进一步尝试将年度价格分解为每周和每日的价格。

经验教训:价格细分得越细,从长期方案到短期方案的“节省”就越少。例如,年度方案每月 5 英镑,月度方案每月 10 英镑,而年度方案每天 0.16 英镑,月度方案每天 0.33 英镑。由于节省金额的差异看起来小得多,它改变了节省金额和取消灵活性之间的权衡,并促使用户选择短期方案,从而降低总收入。请务必测试您的价格细分!

同样,测试价格也至关重要,因为只要价格上涨不会导致转化率出现同等或更大幅度的下降,您就有可能获得增量收入。了解您的价格弹性。

4.挽回取消订单的策略:帮助、暂停和折扣

假设:通过提供包含多种挽回策略的多步骤流程来防止用户取消

测试流程

当用户完成取消流程时,他们会看到:

  • 帮助屏幕询问用户是否需要一些服务帮助
  • 如果用户继续取消,另一个屏幕会显示,如果他们继续入住,则会提供折扣
  • 如果用户取消了订单,系统会跳转至另一个页面询问他们取消订单的原因(busuu 从中收集到了关于用户流失原因的可靠数据)。然后,流程出现分支:
    • 如果用户选择“免费选项对我来说已经足够了”,他们会看到最后一个屏幕,提醒他们高级会员的好处以及取消会员后会失去什么
    • 如果用户选择“我想更改我的订阅”——busuu 意识到有些用户取消订阅是因为他们想将计划延长,因此他们向他们提供了这样做的选项
    • 如果用户选择“我太忙”,busuu 会让他们暂停订阅
    • 如果用户仍然选择取消,busuu 最终会向他们显示一个确认屏幕和一个按钮,点击该按钮即可结束订阅

结果

通过此流程,我们避免了近 30% 的取消!

经验教训

努力了解订阅者取消的原因,并尝试通过解决可能原因的多步骤流程来挽救他们。

赢回

查看我们的 Mobilize 2017 精彩片段!

 
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

干货分享 | 做App首页前要干什么

杰睿

 “信息架构是将意图转化为可感知形式的过程,必须先看清全局,再动手搭建局部。”
——《信息架构:超越Web设计》
首页不是设计“开场动画”,而是信息的第一道分发口。
它长得漂亮没用,走错一步,用户直接流失。
 
做App首页前,你得画这三种图
很多设计师一上来就开始堆模块、调风格,但其实:
信息没理顺,首页做再多轮都白改。
先画好这3张图,再也不怕乱、改、卡思路
 
 01. 内容清单(Content Inventory)
目的:你得知道“我手上到底有什么”
把首页可能出现的所有功能/内容列出来,比如:登录入口、推荐模块、搜索框、活动banner、常用工具区……
先不设计,先看清“原材料”。
书中提醒:“在架构信息前,必须先审视现有资源,否则只能是瞎设计。”
 
 02. 信息地图(Information Map)
 目的:搞清楚“信息之间的逻辑关系”
将功能/内容按主题、优先级或使用场景进行分类+排序,画成一张“信息关系图”
比如:
- 搜索模块 > 连接内容页
- 快捷入口 > 引导核心功能
- banner > 跳转营销页
 原话指出:“地图能帮助设计者理解用户心智模型与内容分发方式之间的差距。”
 
03. 信息路径草图(Wayfinding Sketch)
目的:确定“用户在首页如何移动”
模拟用户从首页出发可能的浏览路径,比如:
- 首次访问:banner → 注册 → 功能页
- 熟练用户:搜索框 → 内容页
- 想回看某功能:导航栏 → 常用工具区
这不是UI草图,是导航行为的动线草图。
书中强调:“路径是用户构建意义的方式,他们不是在看首页,而是在找路。”
 
 小贴士(亲测好用):
- 做图可以手绘,不求美观,只求理清思路
- 内容清单和信息地图可用Notion或脑图工具协作完成
- 别等视觉完稿才调整,前期图画得越清晰,后期越少返工
 
温柔收尾
首页像一座信息大厅,设计师要当好“动线引导员”而不是“美陈布景师”。
做出真正有用的首页,得从架构图开始,一步步理清:我们有什么、怎么放、用户怎么走。
 
你在设计首页时,最容易卡在哪一步?欢迎评论区畅聊~~
 
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

采用 M3 设计的 Google Phone 应用

杰睿

谷歌已向部分测试用户发布了其手机应用的新界面,该界面采用了 Material 3 Expressive 设计。此次改进超越了简单的视觉风格,更注重使整体应用流程和功能更加直观。

最显著的变化是底部导航栏的重新组织。现有的“收藏夹”选项卡已被移除,并作为“收藏夹集合”集成到新的“主页”选项卡中。“联系人”选项卡也消失了,取而代之的是新的“键盘”选项卡,该选项卡位于中心位置,取代了现有的浮动操作按钮。因此,底部导航栏简化为总共三个选项卡。

此外,通话记录功能也得到了简化。此前,同一个人的来电会嵌套在一个条目中,现在它们将被分开并按时间顺序列出,方便用户快速识别未接来电或已接来电。

来电屏幕也进行了改进。用户可以通过新的水平滑动手势来接听或拒绝来电,这一改进是根据用户反馈而来的,旨在减少从口袋中拿出手机时的误操作。

谷歌解释说,这些更新“旨在让你的应用从始至终都拥有更简单、更轻松的体验”。新的设计和功能将在未来几周内陆续向公测组推出,但并非所有功能都会一次性推出,而且一些 Material 3 Expressive 元素可能会限量推出。

(C)谷歌

 

 
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

Kakao,免费创建和分发新数字字体“Kakao Font”

杰睿

-推出两种针对数字环境优化的字体:“Kakao Big Font”和“Kakao Small Font”

-体现数字通信文化,例如复杂的文本表情符号,就像首辅音是一个字母一样

-开放字体许可,可免费用于个人和商业用途

 

(2025-06-17) 在人们更熟悉打字而非手写、更熟悉滚动而非书籍的时代,Kakao(代表郑信雅)免费推出了一种名为“Kakao Font”的数字字体,任何人都可以轻松地在屏幕上阅读和表达文本。

 

为屏幕而生的文字 'Kakao大字' 'Kakao小字'

“Kakao字体”是一款针对数字屏幕上的可读性和表现力进行优化的字体,包含“Kakao大字体”和“Kakao小字体”两种类型。它并非简单将现有字体进行数字版本化,而是经过全新设计,旨在为智能手机和PC屏幕提供最佳的阅读体验。

 

正如标题所示,“Kakao 大字体”是一款即使在屏幕上也能实现清晰醒目的字体。“Kakao 小字体”是一款适用于正文或标题的字体,通过加宽字母间距并合理安排线条,使其即使在小尺寸下也能清晰可见,从而实现清晰可见而不会模糊。

 

仅用声母‘ ㅋㅋ’和‘ㅇㅇ’即可进行交流…体现数字通信文化

特别是Kakao也抓住了时代的变化,只用“ㅋㅋㅋ”和“ㅇㅇ”等首字母来表达自己的想法已经变得很自然。

 

由于韩语的声母通常被认为与中间元音和尾元音连用,因此现有字体存在着单独使用声母时难以清晰阅读的局限性。为此,Kakao通过增大字体尺寸并精确调整比例,使单个声母即可准确传达含义,并将声母改为独立字母而非字母的一部分。

 

表达情感的特殊符号也变得更加复杂:)

此外,使用特殊字符表达的文本表情符号格式也得到了进一步完善。通过自动将两个或多个符号或字母组合转换为一个的连字功能,当输入特定符号时,它会被转换成简洁的表情符号,即使是文本,也能生动地表达出类似面部表情的情感。

 

例如,像“:-D”这样的笑脸表情符号,由于字母“D”的位置或大小取决于字体,很容易显得突兀。但“Kakao Font”会将整个表情符号以有序的形式输出,帮助用户以简洁平衡的方式使用表情符号。此外,像“->(箭头)”这样的常用符号组合会在输入后立即自动转换,免去了用户单独搜索特殊字符的麻烦。

 

Kakao 将“Kakao 字体”应用于开放字体许可证 (OFL),并免费提供给个人和商业使用。该字体可从 Kakao 公司网站下载。

它也可以通过 RixFont Cloud 和 Adob​​e Font 等云字体服务免费获得。

 

Kakao BX 设计负责人申永燮表示:“Kakao 字体是为了在我们每天接触的智能手机等数字屏幕上提供最佳的可读性和表现力而创建的。”他补充道:“我们将继续理解时代变迁的沟通方式,并通过体现这一变化的字体,为更丰富的数字表现文化做出贡献。”

 
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

为什么圆角看起来更舒服

杰睿

如今,设计师们对圆角的运用如此广泛,以至于它更像是一种行业标准,而非一种设计潮流。圆角不仅出现在软件用户界面中,也出现在硬件产品设计中。那么,圆角究竟为何如此受欢迎呢?它确实看起来很吸引人,但其背后的意义远不止于此。
圆角看起来不太明亮
任何人都能欣赏圆角的美感,但并非每个人都能解释这种美感究竟从何而来。答案就在你的眼睛里。
一些专家表示,圆角矩形比锐角矩形更容易被眼睛识别,因为它们在视觉处理过程中所需的认知努力更少。中央凹处理圆形物体的速度最快。处理边缘需要大脑中更多的“神经图像工具”[1]。因此,圆角矩形更容易被识别,因为它们看起来比普通矩形更接近圆形。
DM_20250703172854_003.PNG
巴罗神经学研究所对角线进行的科学研究发现,“角线的感知显著性与角线的角度呈线性变化。锐角比平角产生更强的虚幻显著性”[2]。换句话说,角线越锐利,看起来就越亮。而角线越亮,看起来就越难被看到。

DM_20250703172854_001.PNG

DM_20250703172854_002.GIF

 

哪个物体更容易观察?
我们习惯于圆角
我们之所以对圆角情有独钟,另一个解释是,圆角更符合我们在现实世界中使用日常物品的方式 [3]。圆角随处可见。作为孩子,我们很快就知道尖角容易伤人,圆角更安全。这就是为什么当孩子玩球时,大多数父母并不感到惊慌。
但如果孩子玩叉子,父母就会把叉子拿走,因为担心孩子会弄伤自己。这会引发神经科学中所谓的“回避反应”,即对锋利边缘的“回避反应”。因此,我们倾向于“避开锋利的边缘,因为它们在自然界中可能构成威胁”[4]。
 
您会把哪个物品托付给您的孩子?
圆角使信息更容易处理
圆角对于地图和图表来说更有效,因为它们能让我们的视线轻松地跟随线条,“因为它更符合头部和眼睛的自然运动”[5]。尖角会使你的视线偏离线条的路径,所以当线条改变方向时,你会感到突然的停顿。但有了圆角,线条会引导你的视线绕过每个拐角,继续沿着路径流畅地移动。
 
哪一个图表更容易让你的眼睛看清?
圆角也能成为有效的内容容器。这是因为圆角指向矩形的中心。这使得焦点集中在矩形内部的内容上。当两个矩形相邻时,圆角还能轻松区分哪条边属于哪个矩形。
尖角指向外侧,会降低矩形内部内容的视觉焦点。当两个矩形相邻时,尖角也使得难以区分矩形的两边。这是因为矩形的每条边都是直线。圆角矩形的边是独一无二的,因为这些线条会向其所属的矩形弯曲。
 
圆角的意义远不止于视觉所能感知的。圆角不仅更容易被眼睛识别,还能让信息更容易被理解。圆角本身就很吸引人,这一点毋庸置疑。但这些额外的因素让圆角更具吸引力。当你和客户谈论圆角时,你就能表达出更多内容,而不仅仅是“好看”。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

何时在深色背景上使用白色文字

杰睿

许多网站使用浅色背景上的黑色文本来显示内容,因为这样更容易阅读。然而,在深色背景上使用白色文本也有其优势。了解何时使用哪种字体,可以让您在设计网站时不损害用户的可读性。
阅读与扫描
说到网站上的文字,用户要么阅读,要么浏览。阅读是指专注于文字,以便彻底理解主题。浏览是指略读文字,以便更广泛地理解主题。何时应该在深色背景上使用白色文本,取决于用户是在浏览还是阅读文本。
段落文本
用户阅读的文本类型是段落文本。为了方便用户阅读,在显示段落文本时应避免在深色背景上使用白色文本。强迫用户长时间注视白色文本会使眼睛疲劳。这是因为白色对人眼中三种对颜色敏感的视觉受体的刺激程度几乎相同[来源]。这使得在深色背景上阅读白色段落文本会给眼睛带来压力。
白色还会反射所有波长的光。由于段落文本中的单词和字母排列紧凑,当白色文本反射光线时,反射光会散射并进入相邻的单词和字母。这使得单词和字母的形状更难辨认,从而影响可读性。相比之下,黑色文本会吸收每个单词和字母周围的光线,使它们更容易辨别。
因此,显示段落文本的更好选择是在浅色背景上搭配略带灰色的黑色文本。灰色背景可以减少文字背后的反射光,使阅读更舒适。黑色文本效果更好,因为黑色在可见光谱的任何部分都不会反射光线[来源]。因此,阅读时注视黑色文本不会对用户的眼睛造成太大压力,因为它会吸收照射到每个单词的光线。
如果您的网站使用深色背景,则应将段落文本显示为灰色。这样不会对用户的眼睛造成太大的压力,因为灰色文本不如白色文本明亮。它反射的光线较少,更容易阅读。请记住,如果您在黑暗的房间里阅读文本,黑色背景上的白色文本阅读起来不会那么困难。这是因为在黑暗的房间里没有光线反射。
标题、标题和标签
有时深色背景上的白色文字效果很好。例如,当用户浏览文本时。用户通常会浏览标题、标题和标签。对于这些类型的文本,深色背景上的白色文字是突出显示它们并吸引用户注意力的有效方法。
白色能将可见光谱中的所有颜色反射到眼睛里[来源]。这使得文本明亮清晰。您无需担心给用户的眼睛带来压力,因为浏览不需要长时间的视觉注视。只需快速扫视一下标题、标题或标签即可。
使用深色背景上的白色文字作为突出显示工具,是突出用户浏览文本的明智之举。但浅色背景上的黑色文字更适合用户阅读的段落文本。正确使用深色和浅色,以便用户能够欣赏您的内容而不会感到眼痛。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

在开始任何用户体验研究之前要问的 3 个问题

杰睿

 
关注研究后的决定
 
 
在开展研究之前,你首先需要理解为什么要进行这项研究。与你的利益相关者沟通,并明确写下他们在研究结束后想要做什么。他们是想在两个设计方向中选择一个?还是想识别并解决体验中的不足?又或许他们想构建一个全新的产品,只是想更好地了解某一特定用户群体?一旦你做到了这一点,你就可以开始设计问题来收集有用的数据了。
你的团队可能不知道自己想要做出什么决定,或者每个人对做什么都有不同的想法。这并不是坏事!意识到团队意见不一致本身就能带来启发。团队应该讨论产品路线图、市场力量、公司总体目标以及当前的产品分析,以便就研究方向达成一致。
 
问题 1:
询问“研究结束后,你希望做什么?”——与利益相关者进行一对一对话,规划重要的研究后决策。你可以同时询问整个团队,但你可能只会听到“最响亮”或“资深”的利益相关者的声音。
 
主题 #2
收集正确的信息
 
 
一旦你了解了团队在研究结束后的期望,你就应该与他们合作,找出哪些信息有助于他们采取这些行动。如果你的团队需要在两种设计方案中选择一个,那么单独收集可用性数据重要吗?还是同时收集每种设计给用户带来的感受?了解人们使用最新功能的频率是否有助于在研究结束后做出决策? 虽然收集“正确”的信息意义深远,但其核心在于弄清楚哪些来自用户的信息有助于更容易地做出这些一致的决策。在不同的情境下,“正确”的信息可能有所不同,甚至无法获得。例如,如果你的设计团队想知道用户在浏览设计时眼球是如何移动的,如果没有眼动追踪软件,这可能无法实现。如果您知道某些限制无法实现,请尽早告知团队,并尝试转向更容易回答的问题。
你的团队可能并不总是知道哪些东西值得学习,所以要准备好提出你可以研究的研究课题。只要确保这些课题与研究后的决策直接相关即可。
 
问题 #2:
问问自己:“哪些来自用户的信息有助于指导这些行动?” ——如果有多条信息有助于做出研究后决策,看看能否将它们归纳成更大的主题进行研究。您可以根据这些主题撰写研究问题。 看看能否将信息需求分为定性或定量类别。这能让您更轻松地规划研究并收集有用的信息。
 
主题 #3
选择一种方法
 
 
一旦你确定了决策和需要收集的有用信息,规划你的研究就会容易得多。尽量选择与研究后决策直接相关的研究问题、方法和参与者。如果你已经将信息需求分为定性/定量两类,那么选择方法应该会很快。
 
务必确定你需要在哪些限制条件下进行研究。这包括你的研究时长、招募参与者的难易程度、研究预算以及你拥有的研究工具或软件类型。基于这些限制,你可能需要以不同的方式研究定性信息需求(例如,进行远程访谈,而不是前往参与者所在地)。
 
在开始准备研究之前,将所有这些内容写进研究计划中,并获取反馈/协调意见。确保在你的研究计划中包含以下主题:
研究后决定
收集所需信息的研究问题
 
问题 3:
询问“在我们开始研究之前,这个研究计划是否需要改变?” - 尝试以数字方式发送研究计划,这样比找到开放日历时间来召开大型会议更快, 将所有反馈或评论记录在一个地方,快速进行和发送更改。
 
最后的想法
通过专注于决策和相关信息需求,您可以开展有意义的研究。缩小范围并确定重要事项,不仅能增强团队凝聚力,还能让他们对参与研究充满热情。
 
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

设计案例分享 | 人力资源模块界面设计

杰睿

 

产品定位
远东移动门户APP-人力资源模块包含收入证明、在职证明、假期管理、公租房、政策公示等,同时将互动信息在集团公告区互动展示,实现人员管理、交流协同化和一体化。使集团工作更便捷、高效,组织管理更透明化,合理化。
目标用户
远东移动门户APP面向和服务于公司全体领导和员工,是一个综合性、协同性的办公管理系统。本着操作便捷,办事方便高效,沟通及时有效的原则,界面友好易用、简洁美观。
设计风格
视觉方面,整体色调与公司logo及网站主色调红色保持一致。交互上,考虑到使用便捷、省时,提取主要功能按钮放在首页上方;同时,常用的业务模块集中展示,并做精细化处理。保证界面整体性和简洁统一,并做到有主有次,层次清晰。在布局上,做了两套方案供客户选择。第一套更大胆创新,第二套则相对中规中矩。

UI 设计|审美积累 | 拟物化风格(Skeuomorphism)

杰睿

拟物化是指把现实世界的材质、光影和结构带到数字界面中。木纹、金属、皮革、纸张等真实物体的质感,被细致地还原到屏幕上,让用户一眼就明白元素的意义与操作方式。它曾是iOS6之前移动端设计的主流风格,也一度被极简风格取代,但在如今的创意项目和品牌中,拟物化又以精致的小范围应用回潮。
核心特点:
强调光影、渐变、纹理和材质感
元素看上去像真实物体,有层次和触感
图标、按钮、卡片常带高光或阴影,突出立体效果
通过形象化隐喻帮助用户理解功能(例如垃圾桶图标表示删除)
 
适用场景:
游戏UI界面(卡牌、任务面板、背包系统等)
儿童类App、教育软件(通过形象化帮助理解)
复古、怀旧主题的官网或活动页
精致的产品展示页、品牌定制化网站
拟物化能带来强烈的情感共鸣,尤其在需要温度感和可玩性的界面中更显优势。但大面积使用容易产生信息冗余,对资源体积和加载性能也要求高。相比纯视觉风格,它更适合在重点组件、小范围点缀,作为界面亮点出现。
 

5aa03006-e211-49d4-90ee-c797a6caf109.png

9a878ddc-1587-41f1-96d0-a3efeeb6380c.png

85001f9c-4ff6-419f-b0d2-4511ae10546e.png

771615d3-923c-4e5b-b438-22214c0ecb9a.png

b8419aeb-fb14-4b7d-831a-21970dce1e40.png

c3bf255b-6cce-4245-9908-19120727d983.png

更多项目/合作请私信,支持定制设计服务
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档