首页

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

采用 M3 设计的 Google Phone 应用

杰睿

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

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

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

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

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

(C)谷歌

 

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

三维图标设计宝典

涛涛 设计管理与成长

 “三维图标设计宝典” 方法论,强调从前期构思(分析竞品如马蜂窝与本品飞猪的图标类型、配色、风格及核心辨识点,通过关键词脑暴锁定 “品质、活力、青春” 方向并产出情绪版)、绘制图标(具象功能、简化结构、确定基本形,融入飞猪品牌超级符号,添加毛玻璃质感等细节)到走查图标(从辨识度、统一性、美感度、差异化四方面检查,如类型、风格、体量感统一,融入品牌符号增强差异化)的完整流程,助设计师提升过稿率。

交互视觉具佳的数据可视化地图制作指南

涛涛 设计管理与成长

本文是 B 端设计师必看的数据可视化地图制作指南,介绍了 GIS 地图在数据可视化大屏中的重要应用,因其能直观表达数据空间关系,被广泛用于政务、商业等场景。文中提出数据地图需满足功能强大、数据准确、效果震撼的要求,还阐述了选择数据地图的方法,包括确定数据与地理位置相关性、地域范围及与其他元素整合方式,同时分享了通过百度地图等第三方平台获取地图及利用 3D Map Generator 插件制作 3D 地图的方法,最后推荐了 Mapbox、Snazzy Maps 等国内外地图平台。

Tesla Model 3 用户体验设计测评总结

涛涛 设计管理与成长

Tesla Model 3 在智能化与极简设计上表现突出,但导航与语音功能的短板、安全隐患(无 HUD)仍需优化,物理按键的取舍是未来迭代的关键争议点。

麦当劳自动点餐系统的用户体验分析

涛涛 设计管理与成长

本文围绕麦当劳自动点餐系统的用户体验展开分析,指出其在餐食展示(无滚动提示)、个性化选项(需手动滑动才能看到更多)、付款流程(存在 53、175、157 三个混淆号码,导致 45 分钟等待)、餐号呼叫系统(两种号码并行)、桌号输入等环节存在问题。作者通过三次现场调查,基于用户画像和故事板构建解决方案,经低保真与高保真原型迭代,重新设计了菜单展示、个性化选项流程及付款系统,最终强调设计中反复测试和建立规范的重要性。

干货分享 | 做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

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

如何进行 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

我们来帮你捋清楚产品的设计思路

涛涛 设计管理与成长

全程参与产品从 0 到 1 的设计能锻炼综合能力,但实际工作中更多是迭代优化,需主动熟悉业务背景以掌握设计主动权。
文章重点解析立项前探索期的设计思路,后续将介绍交付与迭代阶段。

日历

链接

个人资料

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

存档