首页

兰亭妙微 软件开发与电子病历医疗界面设计服务

清阳

兰亭妙微作为专业的软件开发公司,深耕行业 16 年,由清华团队引领,在 QT 软件开发领域具备扎实技术积累,能为企业定制稳定的桌面应用程序。
设计方面,我们兼具用户体验设计公司与界面设计公司的优势,高端网站设计注重品牌特色与多终端适配;B 端界面设计、APP 界面设计则以用户体验为核心,通过合理架构提升操作效率。
在医疗领域,我们参与电子病历医疗数据分析界面设计,从医护场景出发优化数据展示,让复杂医疗信息清晰呈现。秉持 “敬事而信,德智兼修” 理念,已服务超 300 家客户,完成 640 + 项目。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

如何在线框图上传达视觉层次

清阳

在设计中,运用颜色是传达视觉层次的最佳方式之一。但在线框图中,它却是最糟糕的方式之一。许多设计师认为他们需要在线框图上使用颜色来传达层次。如果你用颜色来显示视觉重量,你的最终设计可能会失去清晰度。
颜色模糊了层次的清晰度
这是因为原型图上会有许多其他颜色与其竞争。线框上的任何彩色元素都将不再清晰可见。当其他页面元素也带有颜色时,你赋予它的视觉重量就会减小。
使用颜色的另一个风险是,许多设计师最终依赖颜色作为展示视觉层次的主要方式。在线框图上用颜色很容易突出元素。但如果没有颜色,你的视觉层次结构还能清晰吗?
当设计师忽略其他层次属性时,颜色就成了清晰度的拐杖。不要用颜色来弥补设计的不足。你的设计应该没有颜色,也应该有清晰的层次结构。
由于许多网站都有色盲用户,因此使用颜色并不总是有效。您的设计需要包含其他属性,以便所有用户都能清晰地了解元素的权重。
视觉层次的其他属性
给线框图添加颜色会让人难以判断视觉层次的强度。这是因为颜色会掩盖其他层次属性。避免使用颜色,反而会让这些属性更加突出。颜色的视觉重量在模型上会消失,但这些属性却会保留下来。
尺寸
并非所有元素都应该具有相同的大小。元素越大,就越能吸引注意力。为了达到合适的尺寸,元素需要看起来比周围的其他元素更大。
形状
您可能希望突出显示页面上的内容。您不仅可以使用颜色和大小,还可以使用形状。用方框框住内容或用线条将其划分开来,可以表明该区域很重要。
放置
用户浏览页面有特定的模式。有些页面区域会比其他区域更受关注。您可以将重要内容放在这些高关注度区域。首屏、顶部和左侧是用户视线最集中的地方。
逆向着色
颜色会模糊层次结构的清晰度,但反色可以增强这种清晰度。大多数线框图在浅色背景上使用深色。这是因为大多数网站通常使用中性背景色。
但是当你反转颜色时,你就是在深色背景上应用浅色。这是一种有效的传达颜色的方式,而无需暗示特定颜色。
建议使用某种特定颜色会让浏览者疑惑这种颜色会如何影响设计的其他部分。这并非你在线框图中想要的效果。你希望他们关注的是结构和布局。
您应该在需要强烈色彩填充的界面元素上使用反色。按钮、菜单和通知通常需要这种视觉清晰度,因为用户会与它们交互。但不要过度使用。如果每个元素都采用深色底色上的浅色,就会失去层次感。
线框图案
有一些线框图工具包可以帮助您更轻松地传达视觉层次结构。您可以获取我们设计的线框图工具包: 线框图模式。每个 UI 模式都经过精心设计,具有视觉重量和清晰度,并且不使用任何颜色。
无颜色的视觉层次
如果你的视觉层次缺乏色彩,就无法清晰地展现,说明你的设计没有充分运用色彩元素。不借助色彩,传达视觉层次不仅是可能的,更是必要的。
这样做可以让你评估结构和布局的清晰度。如果没有颜色,线框就不够清晰,缺乏强大的层次结构。添加颜色并不能解决这个问题,更好的设计才能。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

为什么左侧搜索按钮的执行速度比右侧搜索按钮更快

清阳

如今,每个网站都会将搜索框放在搜索按钮之前。这样做是因为用户会先输入搜索词,然后再点击按钮。将搜索框放在按钮之前或许合理,但由于多种原因,这种方式并不方便用户使用。
研究表明 ,右侧搜索按钮会降低用户的浏览速度,因为它们会吸引更多、更长时间的视觉注视。将搜索按钮放在文本框左侧可以减少视觉注视,并缩短搜索时间。由于我们习惯从左到右阅读,左侧搜索按钮可以帮助用户更快地找到搜索标签。除了按钮标签之外,您不需要任何其他标签。这使得搜索栏更容易找到。
由于文本框和按钮标签距离较近,视觉注视点不仅更少,而且更短。这让用户确信他们正在输入的字段是用于搜索的。
使用右侧搜索按钮时,从搜索词到按钮的视觉距离会更长。用户会先注视文本框,然后才会看到搜索按钮。这意味着他们必须将视线移动很长一段距离,才能确定即将输入的字段是用于搜索的。
当用户输入完搜索词后,他们必须再次将视线移到最右侧才能点击搜索按钮。这也意味着他们必须将鼠标移动得更远才能点击搜索按钮。但大多数用户在输入后会按下“Enter”键,而不是点击按钮。这个按钮只是为那些习惯使用搜索按钮的新手用户设计的。
如果您关心用户,并希望他们在您的网站上获得最佳的搜索体验,请考虑使用左侧搜索按钮。如今,几乎所有网站都使用右侧搜索按钮。虽然这种做法很流行,但并不意味着它是最好的选择。有时,与其他人的做法相反,效果会更好。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

导航 为什么外部链接应该在新标签页中打开

清阳

大多数设计师在设计网站时,并不太关注链接。只要链接有效,能将用户引导至正确的页面,就万事大吉了。但良好的用户体验远不止于此。有些链接应该在新的浏览器标签页中打开,而有些链接则应该在原浏览器标签页中打开。设计师务必了解两者的区别。

浏览器标签改变了一切

过去,许多人都不喜欢在新窗口中打开链接。新窗口对用户来说很难管理。但浏览器标签页的推出改变了这一现状。现在,您无需打开新窗口,而是可以在新标签页中打开链接。最大的区别在于,浏览器标签页比浏览器窗口更易于用户管理。

当新窗口打开时,它会覆盖用户之前的窗口。用户会感到困惑,不知道如何返回。但是,当新标签页打开时,用户仍然可以在顶部看到之前的标签页。用户很容易理解如何在标签页之间切换。 事实上,大多数用户在浏览时都会打开多个标签页。浏览器已经发生了变化,因此设计师定位链接的方式也应该随之改变。

内部链接与外部链接

将用户引导至同一网站其他页面的链接为内部链接。内部链接不应在新的浏览器标签页中打开,而应在用户当前所在的标签页中打开。

在同一个网站打开新标签页既多余又令人困惑。如果是同一个网站,但页面不同,用户会使用导航菜单返回或根据需要导航到其他地方。让用户停留在同一个标​​签页中,有助于他们更好地理解网站的导航流程。

然而,外部链接应该在新标签页中打开。这些链接会将用户引导至不同的网站。许多设计师会犯在同一个标​​签页中打开外部链接的错误。这会带来许多问题,设计师需要了解。

后退按钮疲劳

在同一个标​​签页中打开外部链接,会给用户带来“返回键疲劳”。每次用户访问外部网站时,他们都必须点击“返回键”才能返回到你的网站。如果他们决定点击其他网站上的链接,他们就必须点击更多次“返回键”才能返回到你的网站。这对用户来说,是很多不必要的操作。

在新标签页中打开外部链接,用户可以尽情浏览其他网站,无需反复点击“返回”按钮返回到您的网站。他们只需点击您网站所在的标签页即可。无需反复点击“返回”按钮,也无需长时间等待。

减缓用户流量

在同一标签页中打开的外部链接也会降低用户浏览速度。许多浏览搜索引擎或链接分享网站的用户都在寻找信息。他们通常会点击页面上的多个链接,从不同的来源获取信息。

在新标签页中打开外部链接,用户可以一次性浏览页面,点击所有相关链接,然后开始消化和筛选信息。用户无需反复返回源页面继续浏览更多链接,从而减少浏览流程的中断。

当用户确实想要返回源页面时,这很容易做到,因为标签页会一直打开,直到用户手动关闭它。用户无需多次点击返回按钮并等待源页面重新加载。他们只需点击标签页即可轻松返回。

网站过度运作

在同一个标​​签页中打开外部链接不仅会让用户负担过重,也会让您的网站负担过重。每次用户返回您的网站时,它都会占用您的网站资源来加载页面。

在新标签页中打开外部链接可以节省大量资源。如果用户想返回您的网站,他们无需再次加载页面。他们只需点击您的网站标签即可。这既快捷又简单,而且不占用任何带宽。他们无需点击返回键或打开上下文菜单即可返回。

不准确的分析

很多时候,用户会点击文章段落中的外部链接,以便更好地理解文章内容。这并不意味着他们想在未读完文章的情况下离开您的网站。然而,您的网站分析结果却并非如此。如果您的外部链接在同一个标​​签页中打开,则表明用户离开您网站的速度比实际速度要快。

这是因为,当外部链接在同一个标​​签页中打开时,用户会完全离开您的网站。然而,在新标签页中打开的外部链接在用户访问外部网站时,仍会保持您的网站标签页打开。用户在您网站上的停留时间会在他们手动退出网站标签页时结束,而不是在他们访问外部链接时结束。

用户点击外部链接并不意味着他们想要离开您的网站。您不应将外部链接点击视为网站退出。唯一明确的退出方式是用户点击标签页上的关闭按钮。

外部链接影响您的网站和用户

将用户引导至不同网站的链接应在新标签页中打开。将用户引导至同一网站不同页面的链接应在同一个标​​签页中打开。如果您在与您的网站相同的标签页中打开外部链接,这会对您和您的用户造成影响。您不仅会遇到不准确的分析结果,导致网站运行更费力,还会使用户的工作负担加重、速度变慢。在当今链接主导网络的世界里,确保链接以正确的方式打开几乎与链接到正确的页面同样重要。

 

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

为什么对话框中的“确定”按钮放在右侧效果最佳

清阳

设计师经常会思考对话框中“确定”和“取消”按钮应该放在哪里。“确定”按钮是完成任务的主要操作。

“取消”按钮是辅助操作,可以让用户返回到原始屏幕而不完成任务。根据它们的功能,最佳的放置顺序是什么?“确定”按钮应该放在“取消”按钮之前还是之后?

平台一致性不够好

许多人认为遵循平台惯例是解决问题的答案。虽然这看起来像是解决问题的办法,但实际上并非如此。它没有回答哪种布局对用户更有利以及原因。仅仅为了保持一致性而遵循平台惯例的建议根本不够好,只会让设计师徒劳无功。

“一致性”是设计师们常用的词。它也是人们不深入思考用户面临的设计问题的常见借口。如果连设计惯例存在的意义都不知道,遵循它又有什么意义呢?

如果某种设计惯例对用户有害怎么办?设计师是否应该为了保持一致性而盲目遵循它?是否应该因为设计师想要将平台设计一致性作为解决所有问题的答案而将糟糕的设计实践延续下去?

如今,某些平台设计惯例被广泛使用,因为它们对用户有用。但这里的重点是,平台设计的一致性永远不应成为设计师做某事的唯一理由。理解为什么应该以某种方式设计用户界面而不是另一种方式是关键。

按钮位置很重要

有人可能会认为,通过增加操作按钮的视觉重量清晰的标签使其更加突出,比其位置更重要。虽然操作按钮的视觉重量和标签是需要考虑的重要设计方面,但并非唯一的方面。

只关注一个设计方面而忽略其他方面,是粗心大意的设计师的表现。一个一丝不苟的设计师会思考每个设计方面如何影响用户。而主要操作和次要操作的布局,正是设计师最难搞清楚的。这就是为什么“确定”/“取消”按钮的争论在设计师中如此普遍。

为什么“确定”按钮放在右侧效果最佳

当你克服了平台惯例的争论后,你会质疑哪种布局效果最好。你可以通过分析设计如何影响用户来解决这个问题。

减少视觉注视

有必要验证设计师们常见的假设是否正确。一些设计师认为,将主要操作放在左侧次要操作之前对用户更有利,因为左侧操作更靠近用户,因此点击时间更短。

这很有道理,但你不能忽视一个事实:用户在选择操作之前会查看所有选项。这意味着大多数用户不会盲目点击主要操作按钮,而不查看旁边的次要操作按钮。

他们会先看到左侧的主要操作,然后再看右侧的次要操作。之后,他们会将目光移回主要操作并点击它。这会在多个方向上形成总共三个视觉注视点。

左侧有“确定”按钮,视觉注视点更多,并流向多个方向

使用右侧的“确定”按钮,视觉注视点减少,并流向一个方向

将其与位于对话框右侧、次要操作位于左侧的按钮进行比较。用户的视线首先停留在次要操作上,然后移至主要操作并点击按钮。这在一个方向上产生了总共两次视觉注视,从而为用户提供了更快的视觉流。

用户只会在每个按钮上注视一次,最终停留在主要操作按钮上。将主要操作按钮放在左侧或许能让用户更容易触及,但从用户的思维过程和视觉注视角度来看,将主要操作按钮放在对话框右侧实际上会更快。

映射到预期的按钮功能

当用户点击辅助操作按钮时,他们希望应用程序不执行任何操作,并返回到原始屏幕。因此,“取消”按钮的功能类似于“返回”按钮。

当用户点击主要操作按钮时,他们期望应用程序执行按钮指示的操作,并将他们带到下一个屏幕。因此,“确定”按钮的功能类似于“下一步”按钮。将次要操作按钮放在左侧,将主要操作按钮放在右侧,可以映射用户期望的“上一步”和“下一步”按钮的功能。

这与分页按钮的放置方式类似。将用户带到下一页的按钮位于右侧,将用户带回上一页的按钮位于左侧。这种按钮放置方式之所以有效,是因为它与用户从左到右的阅读和导航方向相呼应,其中右侧是前进方向,左侧是后退方向。

“确定”可让用户前进到下一个屏幕,“取消”可让用户返回到原始屏幕

对话框中的“确定”和“取消”按钮应遵循类似的交互模式,因为它们的功能类似于分页按钮。不仅如此,左右方向的模式也符合西方用户习惯。将主要操作放在右侧,将次要操作放在左侧,将使对话框按钮更容易、更直观地被用户理解。

为用户提供更高效的任务流程

对话框右下角的按钮更容易被用户点击,因为它遵循了古腾堡图表。在古腾堡图表中,右下角是终端区域。这是用户完成浏览后视线最终停留的区域。

将按钮放置在终端区域,可以让用户最后看到需要执行的主要操作。这不仅改善了视觉流程,也优化了任务流程。用户在浏览时不会跳过主要操作按钮。他们的目光会在浏览过程中直接落在按钮上,因此可以立即点击。

扫描对话框并采取行动既快速又简单,因为用户的眼睛停留在主要操作按钮上。

按钮放在角落里还是将它们放在一起?

设计师经常思考的另一个问题是,他们应该把按钮放在角落里还是把它们放在一起。当你把主要操作和次要操作放在对话框的角落里时,它们可以很好地映射到左右导航方向。然而,由于“确定”和“取消”按钮不是导航按钮,因此没有必要遵循方向映射。有时,这样做弊大于利。

按钮之间较大的视觉分离使得操作比较困难,并将一个操作与另一个操作隔离开来

如果应用程序即将执行用户无法撤消的关键操作,那么让用户能够同时看到“取消”按钮和“确定”按钮就显得尤为重要。在这种情况下,“取消”按钮的功能可能类似于“上一步”按钮,但它更重要的是,它充当了安全按钮,可以防止任何更改。

将“取消”按钮放在最左上角的危险在于,由于两个按钮之间的视觉距离过大,用户可能会忽略它。将“取消”按钮与“确定”按钮放在一起,可以让用户更容易地在一次注视中看到并比较这两个操作,从而选择最佳操作。

结论

当用户需要阅读重要信息或执行重要操作时,设计师通常会使用对话框。按钮的放置顺序会影响用户选择的操作。如果按钮的放置顺序清晰高效,可以防止用户选择错误的操作并犯错。

按钮的位置很重要,但也要记住注意按钮的视觉重量和标签。所有这些设计方面都会在用户浏览对话框时发挥作用。既然您理解了为什么“确定”按钮放在右侧效果最佳,那么您就有比平台一致性更好的参考依据了。

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

 

为什么用户使用顶部对齐的标签可以更快地填写表单

清阳

想象一下,一位用户准备注册你的网站。他们会进入你的表单并输入信息。你对齐字段标签的方式会影响用户填写表单的速度。

您想为用户提供轻松便捷的体验,还是想给他们带来麻烦?如果您想让他们的体验快速便捷,请 在表单字段上使用顶部对齐的标签

顶部对齐的视线注视

顶部对齐的标签比左右对齐的标签填写起来更快更容易。这是因为顶部对齐的标签只需要一半的视觉注视点。 顶部对齐的标签还允许用户沿着一个视觉方向向下移动表单。而左右对齐的标签则需要两个视觉方向才能填写。

顶部对齐标签的唯一缺点是它们会使表单变长。不过,现在用户滚动页面的频率更高了,所以这不是问题。通过减少字段之间的空白,您可以缩短表单的长度。您还可以将表单拆分成多个页面,以缩短表单的长度。

顶部对齐和左右对齐标签之间的区别显而易见。顶部对齐的标签更容易被用户看到,也更容易填写表单。虽然顶部对齐的标签可能会使表单变长,但用户填写表单所需的时间和精力更少,这对用户更有利。

如果顶部对齐的标签能够为用户带来更好的表单体验,那么它值得采用。设计师应该更多地考虑字段标签的对齐方式。这可能会影响用户填写表单还是放弃表单。

 

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

6 个令人惊讶的、伤害诵读困难患者的不良习惯

清阳

网络无障碍访问不仅惠及色盲用户,也惠及诵读困难用户。诵读困难是一种学习障碍,会影响人们阅读、书写和拼写的流畅性或准确性[10]。

作为设计师,我们可以通过避免那些会损害阅读障碍用户的不良设计实践,帮助他们更好地阅读文本。从他们的视角看待事物,可以让我们更好地理解无障碍设计的重要性。

患有阅读障碍的人在阅读文本时,有时会出现视觉扭曲的效果 [5]。这些效果的程度因人而异,但它们会使阅读文本变得更加困难。

以下六种不良习惯可能会给阅读障碍者带来视觉扭曲效果。这些不良习惯也会给非阅读障碍者带来阅读困难。但它们对阅读障碍者的影响更为严重。

河流效应

诵读困难者有时可能会在阅读的文本中看到“河流效应”[1]。这是指连续的文本行中出现较大的空白。它看起来就像一条空白的河流顺着页面上的文字流淌而下。有一些不良习惯会导致“河流效应”的发生。

1. 对齐文本

对齐文本不仅对有阅读障碍的用户来说难以阅读,对没有阅读障碍的用户来说也同样如此。这是因为它会在字母和单词之间产生较大且不均匀的空白 [8]。当这些空白彼此重叠时,就会出现一条令人分心的空白河 [4]。

这可能会导致患有诵读困难症的读者在阅读时反复忘记读到哪里 [6]。你可以使用左对齐文本,而不是两端对齐的段落 [2],来避免产生“河流效应”。

2. 句号后双倍行距

我们大多数人都有在句末句号后加双倍行距的习惯。这种做法起源于打字时代。那时的打字机使用的是等宽字体。因此,人们认为在句号后加双倍行距会使句子的结尾更加清晰 [9]。

但句号后单倍行距就足够了,因为大多数网站都使用等距字体。句号后双倍行距会在文本中形成“河流”,使用户难以找到句子的结尾[9]。在网络上,单倍行距更胜一筹。

模糊效果

诵读困难者可能出现的另一种视觉扭曲效应是模糊效应 [1]。诵读困难者阅读时,会看到文本模糊、旋转或混杂在一起 [5]。这会严重影响诵读困难者的阅读能力,使他们感到疲劳 [7]。可以通过避免一些不良习惯来减轻这种影响。

3.纯白背景上纯黑文字

你现在阅读的文字不是纯黑色 (#000000),背景也不是纯白色 (#FFFFFF),这是有原因的。这是因为许多阅读障碍者对高对比度颜色产生的亮度很敏感。这会导致文字旋转或模糊不清 [3]。

为了避免这种情况,请使用灰白色作为背景,例如浅灰色或棕褐色。您也可以使用深灰色代替纯黑色作为文本,以进一步减少眩光。

4. 长段连续的段落

长段不间断的段落文本不仅对阅读障碍者来说难以阅读,对非阅读障碍者来说也同样如此。阅读障碍者很容易在阅读长段落时迷失方向 [1]。

这就是为什么最好使用表达单一观点的短段落 [2]。这是因为阅读障碍者比非阅读障碍者需要在观点之间有更多停顿 [6]。将文本分解为每段一个观点,无论阅读障碍者还是非阅读障碍者,都能更轻松地阅读。

冲刷效应

有时,诵读困难者会经历“洗出效应”。当这种情况发生时,文字会显得模糊不清 [5]。这会使阅读速度变慢,并导致诵读困难者因为看不清单词而猜测单词是什么。为了减轻这种影响,在处理文本时应避免两种不良做法。

5.衬线字体

衬线字体在字母笔画的末端有钩。它们看起来很有装饰性,但可能会给患有阅读障碍的用户带来阅读障碍。衬线字体往往会遮挡字母的形状,使字母显得杂乱无章[1]。

但无衬线字体可以让诵读困难者更清晰地看清字母的形状。这是因为没有了钩状结构,字母之间的间距就更大了,更容易辨认。[6]

6.斜体文本

斜体有时用于突出显示文本。但不应使用斜体文本,因为它们会使字母难以阅读。与非斜体字体相比,斜体字母的线条呈锯齿状。这些字母还会倾斜,使患有阅读障碍的用户难以辨认单词 [6]。

当文字较小时,斜体文本更加难以辨认[3]。更好的突出显示方法是使用粗体文本,因为字母更清晰,对比度也更好。

人人可及

许多用户患有阅读障碍,难以阅读文本。您应该通过纠正这些不良做法,让您的网站对所有人都易于访问。您已经了解了阅读障碍用户的网络体验。在视觉扭曲的情况下阅读时,获取信息并不容易。每个人都有获取信息的权利,无论他们是否患有阅读障碍。

 

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

一次糟糕的导航设计,怎样毁掉了整个用户体验

清阳

“导航系统是用户在信息环境中的方向感,没有它,一切设计都是迷宫。” ——《信息架构:超越Web设计》
 
糟糕导航,真能毁掉体验! 我最近帮一个客户诊断他们的网站:视觉很好看,动效很花哨,但用户却频繁抱怨“找不到内容”。结果一查,核心问题就在导航设计
同级栏目命名不统一,用户分不清差别;
二级菜单隐藏太深,点击才能发现;
不同页面导航结构不一致,导致迷路;
移动端和PC端导航布局完全不同,切换设备时用户无所适从。
 
书中有一句话特别扎心:“导航应该是信息环境中一致的标识系统,而不是隐藏信息的迷雾。”
这正好点出了他们的问题本质:导航不是装饰,而是用户认知路径的支撑。
 
 一次糟糕的导航,怎么毁掉体验?
用户需要多次点击才能找到目标内容 → 增加流失率
不一致的导航让用户记忆成本倍增 → 挫败感提升
重要页面被埋没,关键转化流程被中断 → 直接影响业务数据
比如这个网站有“产品中心”和“解决方案”,实际内容高度重叠,用户分不清该点哪一个;搜索结果页没有回到主导航的按钮,用户只能强制返回首页重来。
书里也强调:“不合逻辑的导航结构会导致用户迷失方向,并迅速放弃探索。”
 
如何快速自检你的导航?
打开你的网站,让一个没用过的人用导航找5个特定内容;
观察他们是否能在三次点击内到达;
如果他们频繁回到首页或说“不知道在哪里”,说明你的导航需要优化。

47ae6436-363d-40c4-9af1-b8abb353d43f (1).png

47ae6436-363d-40c4-9af1-b8abb353d43f.png

1280X1280 (1).PNG

1280X1280.PNG

39671bbb-2cbf-44fe-88b0-bf8626da4a1c.png

20250630-211953.png

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

Goldelucks 的产品页面优化策略如何使订单量增长 31.56%

清阳

您是否从自然搜索和付费广告中获得了大量的访客,但却发现很难将他们转化为客户?Goldelucks也遇到了同样的问题,但他们成功解决了这个问题。他们是如何实现 66% 的订单收入增长的?让我们深入探究!

遇见 Goldelucks

Goldelucks 是一家总部位于澳大利亚的甜点配送服务公司,自 2018 年以来在墨尔本很受欢迎。 

Goldelucks 甜甜圈由 Phillip Kuoch 创立,很快就成为了城中最受欢迎的美味小吃。 

Goldelucks 拥有超过 350,000 名满意的顾客和杂志的热烈评论,被誉为该地区订购甜甜圈的顶级服务。

挑战

尽管他们通过自然搜索和付费搜索渠道获得了大量产品页面流量,但很大一部分潜在客户并没有购买就离开了。 

Goldelucks 认识到尚未开发的潜力并寻求提高投资回报率,因此正在寻找解决方案,将更多产品页面访问者转化为付费客户。

然而,他们决心不使用折扣等传统方法,因为这会降低他们的利润。

解决方案

在优化产品页面性能和提高转化率的过程中,Goldelucks 实施了三种创新策略。 

1. 产品页面优化 

最初,他们的产品页面只展示了产品名称和一些精美的高质量图片,这些图片位于首屏上方。产品描述隐藏在首屏下方。 

这种布局意味着顶部没有突出显示的值。  

这就是 OptiMonk 智能产品页面优化器的用武之地。借助此工具,Goldelucks 可以自动向每个产品页面添加简短的、以利益为导向的描述,以改进首屏内容。

Goldelucks 使用 OptiMonk 优化了其产品页面

在首屏上方突出显示关键价值主张立即引起了访客的共鸣,这种优化策略使订单量增加了 31.56% 

2.动态内容优化

Goldelucks 的下一个策略是利用 OptiMonk 的动态内容功能在产品页面上实现一个突出显示的元素。该元素的目标是向访问者传达额外的信息。 

他们测试了两个不同的版本。 

在第一个产品中,他们突出了 USP:“令人难忘的礼物:在任何礼篮中添加五彩纸屑爆炸。” 

Goldelucks动态内容

在第二个页面上,他们突出显示了配送时间:“澳大利亚东部标准时间(周一至周五)下午 2 点前下单,澳大利亚东部标准时间(周六)上午 8 点前下单,即可当天发货。点击此处查看所有当天发货的产品。” 

Goldelucks案例研究

通过 A/B 测试,他们发现第一个版本(突出 USP)使收入增加了 66.2%,证明了战略信息传递的有效性。

3. 智能推荐弹出窗口 

他们的最终目标是让那些不买东西就准备离开的游客产生购买欲。 

为了解决这个问题,他们创建了一个智能推荐弹出窗口,在产品页面访问者退出时触发。 

智能推荐弹出窗口触发

这个个性化弹出窗口是使用OptiMonk 的智能弹出窗口工具生成的。它展示了人工智能编写的标题,并根据浏览器历史记录和偏好为每位访客推荐定制产品。

例如,在“巧克力圣诞树配甜甜圈”产品页面上,放弃的访客会看到这个弹出窗口:

Goldelucks 智能推荐弹出窗口

但是,浏览“金蝴蝶爆炸盒”产品页面的访客看到的是这个: 

Goldelucks 智能推荐弹出窗口

结果如何?订单量增加了 12.27% ,凸显了个性化推荐对转化率的影响。

结果

Goldelucks 的创新技术取得了一些令人印象深刻的成果:

  1. 产品页面优化使订单量增加了31.56% 。
  2. 由于实施了突出 USP 的动态内容,订单收入增加了 66.2% 。
  3. 智能推荐弹出窗口产生的订单增加了 12.27% ,证明了个性化推荐在推动转化方面的有效性。
Goldelucks 产品页面优化前后对比

总之,Goldelucks 的方法采用了新的创新优化方法,不仅显著提高了他们的转化率,而且巩固了他们在墨尔本竞争激烈的甜点市场中的领先地位。 

通过跳出固有思维模式并使用OptiMonk 等转化率优化工具,Goldelucks 证明了智能策略可以促进销售并提高转化率。 

遇见 Goldelucks

Goldelucks 是一家总部位于澳大利亚的甜点配送服务公司,自 2018 年以来在墨尔本很受欢迎。 

Goldelucks 甜甜圈由 Phillip Kuoch 创立,很快就成为了城中最受欢迎的美味小吃。 

Goldelucks 拥有超过 350,000 名满意的顾客和杂志的热烈评论,被誉为该地区订购甜甜圈的顶级服务。

挑战

尽管他们通过自然搜索和付费搜索渠道获得了大量产品页面流量,但很大一部分潜在客户并没有购买就离开了。 

Goldelucks 认识到尚未开发的潜力并寻求提高投资回报率,因此正在寻找解决方案,将更多产品页面访问者转化为付费客户。

然而,他们决心不使用折扣等传统方法,因为这会降低他们的利润。

解决方案

在优化产品页面性能和提高转化率的过程中,Goldelucks 实施了三种创新策略。 

1. 产品页面优化 

最初,他们的产品页面只展示了产品名称和一些精美的高质量图片,这些图片位于首屏上方。产品描述隐藏在首屏下方。 

这种布局意味着顶部没有突出显示的值。  

这就是 OptiMonk 智能产品页面优化器的用武之地。借助此工具,Goldelucks 可以自动向每个产品页面添加简短的、以利益为导向的描述,以改进首屏内容。

Goldelucks 使用 OptiMonk 优化了其产品页面

在首屏上方突出显示关键价值主张立即引起了访客的共鸣,这种优化策略使订单量增加了 31.56% 

2.动态内容优化

Goldelucks 的下一个策略是利用 OptiMonk 的动态内容功能在产品页面上实现一个突出显示的元素。该元素的目标是向访问者传达额外的信息。 

他们测试了两个不同的版本。 

在第一个产品中,他们突出了 USP:“令人难忘的礼物:在任何礼篮中添加五彩纸屑爆炸。” 

Goldelucks动态内容

在第二个页面上,他们突出显示了配送时间:“澳大利亚东部标准时间(周一至周五)下午 2 点前下单,澳大利亚东部标准时间(周六)上午 8 点前下单,即可当天发货。点击此处查看所有当天发货的产品。” 

Goldelucks案例研究

通过 A/B 测试,他们发现第一个版本(突出 USP)使收入增加了 66.2%,证明了战略信息传递的有效性。

3. 智能推荐弹出窗口 

他们的最终目标是让那些不买东西就准备离开的游客产生购买欲。 

为了解决这个问题,他们创建了一个智能推荐弹出窗口,在产品页面访问者退出时触发。 

智能推荐弹出窗口触发

这个个性化弹出窗口是使用OptiMonk 的智能弹出窗口工具生成的。它展示了人工智能编写的标题,并根据浏览器历史记录和偏好为每位访客推荐定制产品。

例如,在“巧克力圣诞树配甜甜圈”产品页面上,放弃的访客会看到这个弹出窗口:

Goldelucks 智能推荐弹出窗口

但是,浏览“金蝴蝶爆炸盒”产品页面的访客看到的是这个: 

Goldelucks 智能推荐弹出窗口

结果如何?订单量增加了 12.27% ,凸显了个性化推荐对转化率的影响。

结果

Goldelucks 的创新技术取得了一些令人印象深刻的成果:

  1. 产品页面优化使订单量增加了31.56% 。
  2. 由于实施了突出 USP 的动态内容,订单收入增加了 66.2% 。
  3. 智能推荐弹出窗口产生的订单增加了 12.27% ,证明了个性化推荐在推动转化方面的有效性。
Goldelucks 产品页面优化前后对比

总之,Goldelucks 的方法采用了新的创新优化方法,不仅显著提高了他们的转化率,而且巩固了他们在墨尔本竞争激烈的甜点市场中的领先地位。 

通过跳出固有思维模式并使用OptiMonk 等转化率优化工具,Goldelucks 证明了智能策略可以促进销售并提高转化率。 

10 个 A/B 测试示例和案例研究,为您的下一次测试提供启发

清阳

想象一下,你走进你最喜欢的冰淇淋店,想尝尝一种冰凉、香浓的冰淇淋新口味,然后你面临着一个终极抉择:是芒果狂热还是甜麦片牛奶(没错,这可是货真价实的口味)。你会怎么做?

当然,你得先尝尝味道再做决定,因为谁会凭猜测买一整品脱啤酒呢?这就是数字营销领域A/B 测试的精髓——只不过口味指的是你的落地页电子邮件广告,而关键在于你能否达成营销目标。

在本文中,我们将深入探讨 10 个真实的 A/B 测试案例,它们就像在口袋里找到一张被遗忘的 20 美元钞票一样令人兴奋。这些案例将激励你像营销大师一样进行测试、改进和优化。

1. Going:三个词的变化如何带来三位数的转化率提升

在熙熙攘攘的在线旅游优惠市场中,说服潜在客户深入了解您的产品/服务,有时就像在拥挤的行李传送带上寻找行李箱一样困难。Going一家致力于提供无与伦比的旅游优惠的公司,它面临着将访客转化为高级套餐订阅者的挑战。尽管优惠活动极具吸引力,但他们的转化率却未能达到预期目标。

 

问题

Going 面临的主要挑战在于其订阅计划的呈现方式。标准做法是鼓励访客注册一个免费但功能有限的计划,并希望他们以后能够升级。这种方法未能有效展现 Going 付费产品的全部价值,导致转化率低下。

解决方案

为了解决这个问题,Going 利用 Unbounce 的 A/B 测试工具来调整他们的行动号召 (CTA)。他们在主页上测试了两种不同的版本:“免费注册”和“免费试用”。 

这个简单的三个字的变化旨在通过提供免费试用期来更好地突出全功能高级计划的优势,使价值主张对潜在客户更清晰、更直接。

查看以下两种变体:

进行 CTA A/B 测试示例变体 A 的屏幕截图

变体A

进行 CTA A/B 测试示例变体 B 的屏幕截图

方案 B最终获胜,从奖杯和五彩纸屑就可以看出

结果:

效果令人瞩目。全新的“免费试用”CTA按钮使试用启动量环比增长了104%。这一显著提升不仅提升了付费渠道的转化率,还首次超越了自然流量。 

此次 A/B 测试的成功为 Going 提供了宝贵的见解,促使他们进一步优化营销策略,并利用 Unbounce 的功能不断改进和提高客户获取工作。

2. Campaign Monitor:动态文本增强如何带来 31.4% 的转化率提升

在数字营销方面,将营销活动的每一个元素与用户的意图相结合,可以极大地提高转化率。这正是挪威数字营销机构ConversionLab与其客户Campaign Monitor合作时面临的挑战和机遇。他们的实验揭示了在PPC(按点击付费)营销活动中,精细调整信息匹配(尤其是通过 A/B 测试)的影响。

问题

ConversionLab 注意到,尽管 PPC 活动设计得很好,但 Campaign Monitor 的目标网页与潜在客户的相关性仍有提升空间。 

他们的假设围绕着一个关键细节:用户搜索查询中使用的动词。他们认为,将着陆页上的动词与搜索中使用的动词对齐,可以提高页面的感知相关性,进而提高转化率。

解决方案:

为了验证他们的假设,ConversionLab 使用了 Unbounce 的动态文本替换 (DTR) 功能。这使得他们能够动态地更改着陆页上的文本,以反映用户搜索查询中使用的确切动词。 

例如,如果用户搜索“设计品牌电子邮件”,着陆页将自动调整其标题和 CTA,以包含动词“设计”,而不是“构建”或“创建”等替代词。

然后他们使用 A/B 测试将这个假设发布出去并测量结果:

屏幕截图显示了 A/B 测试示例和结果,其中变体 B 使转化率提高了 31%

变体 B使用 DTR 引导潜在客户注册,并帮助将试用转化率提高 31.4%

结果

A/B 测试持续了 77 天,在此期间落地页累计访问量达 1,274 次。采用 DTR 的版本转化率大幅提升了 31.4%,这意味着他们注册了 Campaign Monitor 软件的试用版(希望营销团队也能因此获得应得的称赞)。

3. 第一中西部银行:利用 A/B 测试探索新方法

在银行业等保守的行业,人们通常期望组织坚持传统方法。第一中西部银行挑战现状,探索创新方法,与客户建立信任,并在竞争中脱颖而出。 

本案例研究探讨了他们在着陆页上进行 A/B 测试的创新方法,这不仅打破了行业规范,而且显著提高了转化率。

问题

银行业通常受制于严格的品牌准则和传统的审美,几乎没有任何创新空间。这种环境使得测试和采用可能提升转化率的新方法变得异常困难。 

此外,需要从客户那里收集更多个人信息也增加了另一层摩擦,使得信任成为任何成功转化策略的关键部分。

解决方案

第一中西部银行 (First Midwest Bank) 在其落地页上发挥了创意,力求脱颖而出,赢得潜在客户的信任,突破了行业惯例的界限。他们首先使用 Unbounce 的 A/B 测试功能来验证一个众所周知的最佳实践:在落地页上使用人物照片。 

不出所料,人物照片确实提升了转化率,但银行并未止步于此。他们进一步深入研究,定制图像以反映不同州的人口统计学差异。例如,一个以微笑男士为主题的落地页在伊利诺伊州将转化率提升了47%,但在印第安纳州,效果不佳,导致转化率下降了42%。

这一洞察促使他们针对每个州的受众,对26个不同的落地页进行了A/B测试。此外,他们还质疑了将关键元素置于首屏之上的“最佳实践”。他们挑战了这一理念,将表单置于首屏之下,结果转化率意外提升了52%。(传统观念认为用户不愿滚动页面,这说法太夸张了,不是吗?)

中西部银行冠军登陆页面 A/B 测试示例变体 A

方案 A:将表单保持在首屏上方

中西部银行冠军登陆页面 A/B 测试案例研究变体 B

变体 B:将表单移至折叠下方,其效果比变体 A 高出 52%

结果

第一中西部银行大胆的 A/B 测试策略取得了令人印象深刻的成果,包括整体转化率提升了 195%(哇!)。通过根据当地偏好定制图像,并重新思考表单等转化元素的布局,他们不仅提升了参与度,还展现了在传统僵化的行业中发挥创意灵活性的潜力。 

4. 电子艺界和《模拟城市5》:使用A/B测试挑战假设

艺电公司(EA) 推出《模拟城市 5》时,他们并非只是在玩营销策略,而是在为胜利而战。EA 以其大片发行而闻名,他们已经做好了一切准备,希望《模拟城市 5》能引起轰动。但他们深知,即使在游戏世界中,细微的调整也能带来史诗般的胜利或失败。

问题

在当今游戏时代,玩家可以绕过传统零售渠道,直接下载游戏,这无疑是一种双赢,因为它既降低了EA的成本,又提升了玩家的便利性。然而,EA面临着一个关键挑战:如何在游戏发行后最大限度地提升这些数字下载量。 

标准做法?就是在预购时提供一些奖励,比如以后购买时打折。但这真的能赢得玩家的心吗?还是说,这只是一条用不完的额外生命?

解决方案

为了找到答案,EA 在其销售页面上进行了一次简单的 A/B 测试,以验证他们的假设。对照版本承诺,为预购《模拟城市 5》的玩家提供经典的 20% 折扣,希望借此机会提升销量。而对照版本则取消了折扣,直接提供游戏购买优惠,没有任何附加条件。

SimCity A/B 测试示例变体 A 的屏幕截图

带有折扣优惠的方案 A

SimCity A/B 测试示例变体 B 的屏幕截图

方案 B,无折扣优惠

结果

结果比日式角色扮演游戏的剧情反转更令人震惊。取消折扣不仅奏效,而且效果惊人,与对照组相比,销量增长了40%以上。 

事实证明,《模拟城市》的粉丝们并非为了省钱——他们只想玩最新的《模拟城市》,可能对购买其他游戏不感兴趣。这款游戏一半的销量都是通过这种方式实现数字化的,这证明了当你了解你的玩家时,你不仅仅是在销售,还能培养粉丝。

5. 可执行:简单的颜色交换如何绘制出转换杰作

如果您曾经陷入过关于哪种按钮颜色最能提升转化率的激烈争论,那么您并不孤单。营销自动化公司 Performable 的团队也面临类似的困境,他们质疑CTA 按钮的色调是否真的能够影响用户在主页上的操作。剧透预警:它能够,而且确实如此。

问题

数字营销领域充斥着关于“理想”按钮颜色的各种观点——绿色、红色、粉色等等。每种颜色都有各自的拥护者,并声称它们是提升转化率的秘诀。Performable 决定对这些颜色理论进行测试,并特别关注其中两种重量级的色彩:绿色和红色。

解决方案

他们对两个完全相同的主页版本进行了 A/B 测试,但有一个显著的区别——CTA 按钮的颜色。其中一个按钮采用绿色,与网站整体色调无缝融合,并与通用的“开始”信号灯相呼应。另一个按钮则采用了醒目的红色,旨在吸引注意力,但传统上也表示“停止”。

两种不同 CTA 按钮颜色的可执行 A/B 测试的屏幕截图

游客是愿意“走”还是“停”?

结果

结果改变了游戏规则。红色按钮的点击率比绿色按钮高出 21%。这不仅仅是一个小小的胜利,更是对突出元素在提升用户参与度方面力量的有力证明。尽管红色按钮通常被用作停止信号,但它却突破了干扰,获得了更多点击,最终转化为所有下游指标的显著提升。

这项测试生动地提醒我们,营销中的假设仅仅是假设而已。它们需要被挑战和检验。红色按钮 vs. 绿色按钮实验证明,有时候,像改变颜色这样简单的逆势而行,就能产生意想不到的强大效果。

6. TechInsurance:落地页测试如何提升PPC转化率

有时,提升转化率的途径并非在于吸引更多流量,而是在于优化现有流量。TechInsurance面临着一个共同的挑战:最大限度地提升其 PPC 营销活动的有效性。6

问题

最初,所有 PPC 流量都被导向 TechInsurance 的通用主页。这种方法虽然简单,但缺乏针对特定受众群体的吸引力。当时的假设很简单,却很有说服力:一个根据 PPC 受众的细微差别量身定制的专属落地页,能否胜过千篇一律的主页? 

解决方案

TechInsurance 决定通过专门设计一个落地页来验证他们的假设,该落地页专门针对他们的 PPC 广告系列流量。该落地页经过了微调,以满足来自广告访客的期望和需求,重点是传递更相关、更具吸引力的信息。然后,他们将其与首页进行了 A/B 测试。

TechInsurance A/B 测试示例变体 A 和 B 的并排屏幕截图

变体 A(主页)和变体 B(专用登陆页面

结果

结果意义非凡。专用落地页的转化率比网站首页高出惊人的73% 。这一巨大提升不仅彰显了专业内容的价值,也凸显了将落地页体验与目标受众的具体意图和兴趣相结合的重要性。

当潜在客户访问到能够直接满足其需求和期望的页面时,他们更有可能完成转化,从而立即产生“这正是我想要的”的感觉。如果您希望提升广告系列的效果,不妨考虑测试一个专门的落地页,该页面能够与目标受众的人口统计数据和需求产生深刻共鸣。 

7. Grene:迷你购物车改造如何让销量翻倍

Grene是波兰农业电商领域的巨头,他们改造迷你购物车的目的不仅仅是让产品更上一层楼,更是为了大幅提升销量。他们成功了,而且效果显著。

问题

Grene 网站上的迷你购物车就像每个人家里的抽屉一样——里面装满了有趣的东西,但有点乱。购物者经常被“免运费”的标签误认为是可点击的按钮,眯着眼看商品总数,甚至滚动太远才找到“加入购物车”的按钮。很明显——迷你购物车需要彻底改造了。

解决方案

Grene 在迷你购物车顶部设计了一个便捷的 CTA 按钮,方便用户快速跳转至购物车主页面。他们在每个商品旁边添加了一个“移除”按钮,避免用户误点击,并且让每件商品的总价一目了然。对了,还有那个“加入购物车”按钮?他们把它设计得又大又醒目,一眼就能看到,减少了用户不小心滑过的机会。

Grene cart A/B 测试示例变体 A 的屏幕截图

变体 A:原始版本

Grene cart A/B 测试示例变体 B 的屏幕截图

版本 B:更新版本

结果

改造后,不仅更多人点击购物车页面,Grene 的电商转化率也从 1.83% 跃升至 1.96%。更棒的是?总购买量翻了一番。没错,虚拟货架上的商品销量翻了一番。

Grene 的迷你购物车改造完美地提醒我们,有时候,细节才是最重要的。只需调整用户旅程中的几个元素,就能显著简化购物流程,并带来相当可观的收益。

8. 温哥华2010奥运商店:一页(结账)掌控一切

说到在线购物体验,结账环节往往是决定胜负的关键。2010年温哥华奥运会官方商店对这一关键环节进行了仔细研究,试图探索一种更简洁、更流畅的方案,能否帮助卖家避免放弃购物车,从而提升销量。

问题

这个问题简单却又关键:结账流程应该跨越多个页面,还是可以精简到一页,避免给顾客造成压力?传统观点认为,点击次数越少,顾客跳出率就越低,但这对奥运纪念品来说也适用吗?

解决方案

这家商店测试了一个大胆的假设:通过将多步骤结账流程压缩成一个简洁的单页流程,更多顾客会留下来完成订单。通过 A/B 测试,他们将 50% 的流量重定向到新的单页结账流程,以测试这一理论与传统多步骤结账方法的对比效果。

温哥华奥林匹克商店 A/B 测试案例研究变体 A 的屏幕截图

方案 A:原始的多步骤流程

温哥华奥林匹克商店 A/B 测试案例研究变体 B 的屏幕截图

方案 B:单页流程

结果

在积累了超过 600 笔交易后,结果清晰且令人信服。单页结账不仅带来了显著的提升,相比多步骤结账,其完成率更是大幅提升了 21.8%。转化率的显著提升,充分体现了顾客对结账流程简洁快捷的强烈偏好。

温哥华2010年奥运会商店的A/B测试有力地提醒我们,“最佳”结账流程可能会因受众和产品细分市场的不同而有很大差异。对某些人有效的方法可能对其他人无效。 

想知道是什么让您的客户满意吗?不妨进行测试,并让他们的行为指导您的优化。

9. HubSpot:尝试不同的电子邮件格式

这是一个 A/B 测试电子邮件营销示例,它表明即使是文本对齐等最简单的元素也会影响用户参与度。HubSpot 始终致力于寻找增强用户互动的方法,因此决定通过针对其电子邮件营销活动进行 A/B 测试来解决这个问题。

问题

目标很明确:提高每周订阅邮件的点击率。HubSpot 怀疑邮件文本的对齐方式可能会影响用户与 CTA 的互动。他们假设,调整文本对齐方式可以带来更友好的用户体验,并有望提高用户参与度。

解决方案

为了验证这一理论,HubSpot 设置了 A/B 测试,比较了两种格式:

变体 A(控制):文本居中的电子邮件,这是他们一直使用的标准格式。
变体 B:带有左对齐文本的电子邮件,这种改变旨在提高可读性并吸引更多人关注 CTA。
Hubspot 电子邮件 A/B 测试示例变体 A 的屏幕截图

变体 A:居中对齐文本

Hubspot 电子邮件 A/B 测试示例变体 B 的屏幕截图

变体 B:左对齐文本

结果

实验得出了一些意想不到的结果。与他们的假设相反,左对齐邮件的效果实际上比居中邮件更差,整体点击量更少。事实上,只有不到25%的左对齐邮件变体的表现优于对照组。

HubSpot 的 A/B 测试电子邮件营销示例,为我们提供了宝贵的经验,让我们了解电子邮件营销的细微差别。虽然左对齐文本(这种格式通常可以提高长文本的可读性)似乎效果更好,但受众的偏好差异很大。这强调了持续测试哪怕是最小细节的重要性,而不是对用户偏好做出假设。 

10. Vestiaire Collective:TikTok 上的潮流引领者

在快节奏的时尚和社交媒体世界中,保持领先地位不仅仅是一个目标,更是必需。二手奢侈时尚平台Vestiaire Collective面临着在 TikTok 上推广其全新直购功能的同时,如何抓住难以捉摸的 Z 世代群体的挑战。他们的方法是什么?巧妙地将网红的创造力与数据驱动的决策相结合。

问题

Vestiaire 的目标是扩大其在 TikTok 上的品牌影响力,并吸引 Z 世代消费者——这一群体崇尚真实性和新鲜内容。该品牌需要确保与网红的合作不仅富有创意,而且能够有效契合其提升品牌知名度和推动应用安装量的业务目标。

解决方案

为了解决这个问题,Vestiaire 的网红营销机构精心策划了一场 A/B 测试活动,确保不会限制创意合作伙伴的创作风格。他们招募了八位网红,赋予他们广泛的创作自由,让他们创作各种 TikTok 帖子,每篇帖子都嵌入了与 Vestiaire 目标相符的特定行动号召 (CTA)。内容风格多样,为活动提供了丰富的创意视角。

Vestiaire Collective 的 TikTok 视频 A/B 测试示例截图

影响者创作自由的一个例子

初始内容创作完成后,A/B 测试的真正魔力便显现出来了。该机构分析了这些帖子的效果指标,以确定哪些内容真正引起了受众的共鸣。之后,效果最佳的内容会通过定向付费广告进行推广,从而提升覆盖面和参与度。

结果

结果简直令人惊叹。Vestiaire 战略性地运用 A/B 测试,带来了超过 4,000 个新的应用安装,并将单次安装成本降低了一半,这显示出其在 Instagram 和 YouTube 上的效果指标显著提升。 

Vestiaire 的成功故事有力地证明了将 A/B 测试融入网红营销策略的影响力。它表明,赋予创作自由,并结合系统性的内容绩效评估,能够在参与度和成本效益方面取得显著成果。 

如何进行 A/B 测试 

既然您已经了解了 A/B 测试在帮助您实现营销目标方面的巨大作用,您可能已经迫不及待地想对自己的落地页进行 A/B 测试了。以下是如何开始:

创建一个假设

从假设入手,你不仅能弄清楚想要测试什么,还能知道如何判断测试是否成功。确保你的假设符合以下要求:

专注于单一问题:准确指出您想要解决或了解的问题。
可测试:在测试结束时您应该能够证明或反驳它。
影响驱动:旨在实现一些可以显著改变结果的事情,例如提高转化率或降低跳出率。

使用可靠的“如果,那么”结构来构建你的假设。例如,“如果我们使用更生动的CTA按钮,那么我们的点击率就会提高。”

设置变量:控制和治疗

确定您正在测试的内容:

控制变量:这是你当前的“冠军”,也就是你的落地页的原始版本。(这可以是 A/B 测试中的“A”)。
治疗变量:引入挑战者(“B”),这是根据您的假设对页面进行调整的版本。

决定测试什么

A/B 测试的魅力在于它的多功能性。你几乎可以测试任何可能影响用户行为的因素。一些常见的元素包括:

标题或正文的副本
号召性用语 (CTA) 按钮设计或措辞
图像或视频内容
页面的整体布局和导航

查看我们的A/B 测试电子书,获取可在目标网页上测试的 20 个元素的便捷列表。

统计显著性的测量

确保你的结果并非偶然。理解你的研究结果的统计显著性至关重要。这个术语的含义是确保你的对照组和实验组之间的性能变化很可能是由于你的调整,而不是随机因素造成的。

选择你的目标

你的最终目标是什么?增加网站流量、降低跳出率、提高参与度?你的目标应该与你的假设相符,并且清晰可衡量。这种专注不仅能指导你的实验,还能帮助你理解结果。

正确划分受众

通常,最好将流量平均且随机地分配给页面的控制版本和处理版本。这样,每个版本都有机会在类似的条件下证明自己的价值。

是的,有些情况下你可能不想均分流量,比如你正在测试一些有风险的项目,只想暴露少量流量。但总的来说,均分流量是最好的选择。

分析并采取行动

测试结束后,深入研究数据。你的实验方案是否优于对照组?还是完全不行?数据不仅会告诉你谁赢了,还会告诉你赢了多少。基于这些洞察,你可以决定是采用新版本、进行更多测试,还是重新开始。

请记住,即使是“失败”的测试也能提供宝贵的见解,哪怕只是告诉你哪些事情不应该做。正如托马斯·爱迪生所说:“我没有失败,我只是发现了一万种行不通的方法。”(不过,是否要做一万次 A/B 测试,完全取决于你自己……)

使用 Unbounce 进行 A/B 测试的分步指南

Unbounce落地页构建器不仅是创建落地页的最佳工具之一,它还内置了 A/B 测试功能。想要了解这款A/B 测试工具的完整使用指南,您可以浏览“如何进行 A/B 测试”页面,或者继续阅读快速了解一下:

1.登录 Unbounce 构建器后,选择您想要测试的页面。 

2. 进入“页面概览”屏幕并查找名为“页面流量模式”的部分。

3.选择A/B测试模式

动画 GIF 展示如何导航到 Unbounce 构建器的 A/B 测试部分
 
 

4. 现在是时候创建您想要测试的变体了。您可以复制现有页面开始,也可以从头创建一个全新的页面。

5. 准备好变体后,设置变体权重(即每个变体的流量分配比例)。最常见的分配比例是 50/50,但如果您需要测试三个变体,也可以使用 33/33/34 之类的比例。

 

6. 如果任何较新的变体(“挑战者”)表现优于原有的变体(“冠军”),则可以轻松将挑战者升级为新的冠军。只需选择概览设置右侧的“…”菜单,然后选择“升级为冠军”即可。

 

通过这些简单的步骤,您可以测试您的目标网页,稳步改进,并更接近您的转化优化目标。

 

1. Going:三个词的变化如何带来三位数的转化率提升

在熙熙攘攘的在线旅游优惠市场中,说服潜在客户深入了解您的产品/服务,有时就像在拥挤的行李传送带上寻找行李箱一样困难。Going一家致力于提供无与伦比的旅游优惠的公司,它面临着将访客转化为高级套餐订阅者的挑战。尽管优惠活动极具吸引力,但他们的转化率却未能达到预期目标。

目录

  1. 10 个激发灵感的 A/B 测试示例
  2. 如何进行 A/B 测试
  3. 使用 Unbounce 进行 A/B 测试的分步指南

因此,Going 转向 Unbounce(嘿,这就是我们!)并使用我们的 A/B 测试解决方案来寻找更好的前进道路。

问题

Going 面临的主要挑战在于其订阅计划的呈现方式。标准做法是鼓励访客注册一个免费但功能有限的计划,并希望他们以后能够升级。这种方法未能有效展现 Going 付费产品的全部价值,导致转化率低下。

解决方案

为了解决这个问题,Going 利用 Unbounce 的 A/B 测试工具来调整他们的行动号召 (CTA)。他们在主页上测试了两种不同的版本:“免费注册”和“免费试用”。 

这个简单的三个字的变化旨在通过提供免费试用期来更好地突出全功能高级计划的优势,使价值主张对潜在客户更清晰、更直接。

查看以下两种变体:

进行 CTA A/B 测试示例变体 A 的屏幕截图

变体A

进行 CTA A/B 测试示例变体 B 的屏幕截图

方案 B最终获胜,从奖杯和五彩纸屑就可以看出

结果:

效果令人瞩目。全新的“免费试用”CTA按钮使试用启动量环比增长了104%。这一显著提升不仅提升了付费渠道的转化率,还首次超越了自然流量。 

此次 A/B 测试的成功为 Going 提供了宝贵的见解,促使他们进一步优化营销策略,并利用 Unbounce 的功能不断改进和提高客户获取工作。

2. Campaign Monitor:动态文本增强如何带来 31.4% 的转化率提升

在数字营销方面,将营销活动的每一个元素与用户的意图相结合,可以极大地提高转化率。这正是挪威数字营销机构ConversionLab与其客户Campaign Monitor合作时面临的挑战和机遇。他们的实验揭示了在PPC(按点击付费)营销活动中,精细调整信息匹配(尤其是通过 A/B 测试)的影响。

问题

ConversionLab 注意到,尽管 PPC 活动设计得很好,但 Campaign Monitor 的目标网页与潜在客户的相关性仍有提升空间。 

他们的假设围绕着一个关键细节:用户搜索查询中使用的动词。他们认为,将着陆页上的动词与搜索中使用的动词对齐,可以提高页面的感知相关性,进而提高转化率。

解决方案:

为了验证他们的假设,ConversionLab 使用了 Unbounce 的动态文本替换 (DTR) 功能。这使得他们能够动态地更改着陆页上的文本,以反映用户搜索查询中使用的确切动词。 

例如,如果用户搜索“设计品牌电子邮件”,着陆页将自动调整其标题和 CTA,以包含动词“设计”,而不是“构建”或“创建”等替代词。

然后他们使用 A/B 测试将这个假设发布出去并测量结果:

屏幕截图显示了 A/B 测试示例和结果,其中变体 B 使转化率提高了 31%

变体 B使用 DTR 引导潜在客户注册,并帮助将试用转化率提高 31.4%

结果

A/B 测试持续了 77 天,在此期间落地页累计访问量达 1,274 次。采用 DTR 的版本转化率大幅提升了 31.4%,这意味着他们注册了 Campaign Monitor 软件的试用版(希望营销团队也能因此获得应得的称赞)。

3. 第一中西部银行:利用 A/B 测试探索新方法

在银行业等保守的行业,人们通常期望组织坚持传统方法。第一中西部银行挑战现状,探索创新方法,与客户建立信任,并在竞争中脱颖而出。 

本案例研究探讨了他们在着陆页上进行 A/B 测试的创新方法,这不仅打破了行业规范,而且显著提高了转化率。

问题

银行业通常受制于严格的品牌准则和传统的审美,几乎没有任何创新空间。这种环境使得测试和采用可能提升转化率的新方法变得异常困难。 

此外,需要从客户那里收集更多个人信息也增加了另一层摩擦,使得信任成为任何成功转化策略的关键部分。

解决方案

第一中西部银行 (First Midwest Bank) 在其落地页上发挥了创意,力求脱颖而出,赢得潜在客户的信任,突破了行业惯例的界限。他们首先使用 Unbounce 的 A/B 测试功能来验证一个众所周知的最佳实践:在落地页上使用人物照片。 

不出所料,人物照片确实提升了转化率,但银行并未止步于此。他们进一步深入研究,定制图像以反映不同州的人口统计学差异。例如,一个以微笑男士为主题的落地页在伊利诺伊州将转化率提升了47%,但在印第安纳州,效果不佳,导致转化率下降了42%。

这一洞察促使他们针对每个州的受众,对26个不同的落地页进行了A/B测试。此外,他们还质疑了将关键元素置于首屏之上的“最佳实践”。他们挑战了这一理念,将表单置于首屏之下,结果转化率意外提升了52%。(传统观念认为用户不愿滚动页面,这说法太夸张了,不是吗?)

中西部银行冠军登陆页面 A/B 测试示例变体 A

方案 A:将表单保持在首屏上方

中西部银行冠军登陆页面 A/B 测试案例研究变体 B

变体 B:将表单移至折叠下方,其效果比变体 A 高出 52%

结果

第一中西部银行大胆的 A/B 测试策略取得了令人印象深刻的成果,包括整体转化率提升了 195%(哇!)。通过根据当地偏好定制图像,并重新思考表单等转化元素的布局,他们不仅提升了参与度,还展现了在传统僵化的行业中发挥创意灵活性的潜力。 

4. 电子艺界和《模拟城市5》:使用A/B测试挑战假设

艺电公司(EA) 推出《模拟城市 5》时,他们并非只是在玩营销策略,而是在为胜利而战。EA 以其大片发行而闻名,他们已经做好了一切准备,希望《模拟城市 5》能引起轰动。但他们深知,即使在游戏世界中,细微的调整也能带来史诗般的胜利或失败。

问题

在当今游戏时代,玩家可以绕过传统零售渠道,直接下载游戏,这无疑是一种双赢,因为它既降低了EA的成本,又提升了玩家的便利性。然而,EA面临着一个关键挑战:如何在游戏发行后最大限度地提升这些数字下载量。 

标准做法?就是在预购时提供一些奖励,比如以后购买时打折。但这真的能赢得玩家的心吗?还是说,这只是一条用不完的额外生命?

解决方案

为了找到答案,EA 在其销售页面上进行了一次简单的 A/B 测试,以验证他们的假设。对照版本承诺,为预购《模拟城市 5》的玩家提供经典的 20% 折扣,希望借此机会提升销量。而对照版本则取消了折扣,直接提供游戏购买优惠,没有任何附加条件。

SimCity A/B 测试示例变体 A 的屏幕截图

带有折扣优惠的方案 A

SimCity A/B 测试示例变体 B 的屏幕截图

方案 B,无折扣优惠

结果

结果比日式角色扮演游戏的剧情反转更令人震惊。取消折扣不仅奏效,而且效果惊人,与对照组相比,销量增长了40%以上。 

事实证明,《模拟城市》的粉丝们并非为了省钱——他们只想玩最新的《模拟城市》,可能对购买其他游戏不感兴趣。这款游戏一半的销量都是通过这种方式实现数字化的,这证明了当你了解你的玩家时,你不仅仅是在销售,还能培养粉丝。

5. 可执行:简单的颜色交换如何绘制出转换杰作

如果您曾经陷入过关于哪种按钮颜色最能提升转化率的激烈争论,那么您并不孤单。营销自动化公司 Performable 的团队也面临类似的困境,他们质疑CTA 按钮的色调是否真的能够影响用户在主页上的操作。剧透预警:它能够,而且确实如此。

问题

数字营销领域充斥着关于“理想”按钮颜色的各种观点——绿色、红色、粉色等等。每种颜色都有各自的拥护者,并声称它们是提升转化率的秘诀。Performable 决定对这些颜色理论进行测试,并特别关注其中两种重量级的色彩:绿色和红色。

解决方案

他们对两个完全相同的主页版本进行了 A/B 测试,但有一个显著的区别——CTA 按钮的颜色。其中一个按钮采用绿色,与网站整体色调无缝融合,并与通用的“开始”信号灯相呼应。另一个按钮则采用了醒目的红色,旨在吸引注意力,但传统上也表示“停止”。

两种不同 CTA 按钮颜色的可执行 A/B 测试的屏幕截图

游客是愿意“走”还是“停”?

结果

结果改变了游戏规则。红色按钮的点击率比绿色按钮高出 21%。这不仅仅是一个小小的胜利,更是对突出元素在提升用户参与度方面力量的有力证明。尽管红色按钮通常被用作停止信号,但它却突破了干扰,获得了更多点击,最终转化为所有下游指标的显著提升。

这项测试生动地提醒我们,营销中的假设仅仅是假设而已。它们需要被挑战和检验。红色按钮 vs. 绿色按钮实验证明,有时候,像改变颜色这样简单的逆势而行,就能产生意想不到的强大效果。

6. TechInsurance:落地页测试如何提升PPC转化率

有时,提升转化率的途径并非在于吸引更多流量,而是在于优化现有流量。TechInsurance面临着一个共同的挑战:最大限度地提升其 PPC 营销活动的有效性。6

问题

最初,所有 PPC 流量都被导向 TechInsurance 的通用主页。这种方法虽然简单,但缺乏针对特定受众群体的吸引力。当时的假设很简单,却很有说服力:一个根据 PPC 受众的细微差别量身定制的专属落地页,能否胜过千篇一律的主页? 

解决方案

TechInsurance 决定通过专门设计一个落地页来验证他们的假设,该落地页专门针对他们的 PPC 广告系列流量。该落地页经过了微调,以满足来自广告访客的期望和需求,重点是传递更相关、更具吸引力的信息。然后,他们将其与首页进行了 A/B 测试。

TechInsurance A/B 测试示例变体 A 和 B 的并排屏幕截图

变体 A(主页)和变体 B(专用登陆页面

结果

结果意义非凡。专用落地页的转化率比网站首页高出惊人的73% 。这一巨大提升不仅彰显了专业内容的价值,也凸显了将落地页体验与目标受众的具体意图和兴趣相结合的重要性。

当潜在客户访问到能够直接满足其需求和期望的页面时,他们更有可能完成转化,从而立即产生“这正是我想要的”的感觉。如果您希望提升广告系列的效果,不妨考虑测试一个专门的落地页,该页面能够与目标受众的人口统计数据和需求产生深刻共鸣。 

7. Grene:迷你购物车改造如何让销量翻倍

Grene是波兰农业电商领域的巨头,他们改造迷你购物车的目的不仅仅是让产品更上一层楼,更是为了大幅提升销量。他们成功了,而且效果显著。

问题

Grene 网站上的迷你购物车就像每个人家里的抽屉一样——里面装满了有趣的东西,但有点乱。购物者经常被“免运费”的标签误认为是可点击的按钮,眯着眼看商品总数,甚至滚动太远才找到“加入购物车”的按钮。很明显——迷你购物车需要彻底改造了。

解决方案

Grene 在迷你购物车顶部设计了一个便捷的 CTA 按钮,方便用户快速跳转至购物车主页面。他们在每个商品旁边添加了一个“移除”按钮,避免用户误点击,并且让每件商品的总价一目了然。对了,还有那个“加入购物车”按钮?他们把它设计得又大又醒目,一眼就能看到,减少了用户不小心滑过的机会。

Grene cart A/B 测试示例变体 A 的屏幕截图

变体 A:原始版本

Grene cart A/B 测试示例变体 B 的屏幕截图

版本 B:更新版本

结果

改造后,不仅更多人点击购物车页面,Grene 的电商转化率也从 1.83% 跃升至 1.96%。更棒的是?总购买量翻了一番。没错,虚拟货架上的商品销量翻了一番。

Grene 的迷你购物车改造完美地提醒我们,有时候,细节才是最重要的。只需调整用户旅程中的几个元素,就能显著简化购物流程,并带来相当可观的收益。

8. 温哥华2010奥运商店:一页(结账)掌控一切

说到在线购物体验,结账环节往往是决定胜负的关键。2010年温哥华奥运会官方商店对这一关键环节进行了仔细研究,试图探索一种更简洁、更流畅的方案,能否帮助卖家避免放弃购物车,从而提升销量。

问题

这个问题简单却又关键:结账流程应该跨越多个页面,还是可以精简到一页,避免给顾客造成压力?传统观点认为,点击次数越少,顾客跳出率就越低,但这对奥运纪念品来说也适用吗?

解决方案

这家商店测试了一个大胆的假设:通过将多步骤结账流程压缩成一个简洁的单页流程,更多顾客会留下来完成订单。通过 A/B 测试,他们将 50% 的流量重定向到新的单页结账流程,以测试这一理论与传统多步骤结账方法的对比效果。

温哥华奥林匹克商店 A/B 测试案例研究变体 A 的屏幕截图

方案 A:原始的多步骤流程

温哥华奥林匹克商店 A/B 测试案例研究变体 B 的屏幕截图

方案 B:单页流程

结果

在积累了超过 600 笔交易后,结果清晰且令人信服。单页结账不仅带来了显著的提升,相比多步骤结账,其完成率更是大幅提升了 21.8%。转化率的显著提升,充分体现了顾客对结账流程简洁快捷的强烈偏好。

温哥华2010年奥运会商店的A/B测试有力地提醒我们,“最佳”结账流程可能会因受众和产品细分市场的不同而有很大差异。对某些人有效的方法可能对其他人无效。 

想知道是什么让您的客户满意吗?不妨进行测试,并让他们的行为指导您的优化。

9. HubSpot:尝试不同的电子邮件格式

这是一个 A/B 测试电子邮件营销示例,它表明即使是文本对齐等最简单的元素也会影响用户参与度。HubSpot 始终致力于寻找增强用户互动的方法,因此决定通过针对其电子邮件营销活动进行 A/B 测试来解决这个问题。

问题

目标很明确:提高每周订阅邮件的点击率。HubSpot 怀疑邮件文本的对齐方式可能会影响用户与 CTA 的互动。他们假设,调整文本对齐方式可以带来更友好的用户体验,并有望提高用户参与度。

解决方案

为了验证这一理论,HubSpot 设置了 A/B 测试,比较了两种格式:

变体 A(控制):文本居中的电子邮件,这是他们一直使用的标准格式。
变体 B:带有左对齐文本的电子邮件,这种改变旨在提高可读性并吸引更多人关注 CTA。
Hubspot 电子邮件 A/B 测试示例变体 A 的屏幕截图

变体 A:居中对齐文本

Hubspot 电子邮件 A/B 测试示例变体 B 的屏幕截图

变体 B:左对齐文本

结果

实验得出了一些意想不到的结果。与他们的假设相反,左对齐邮件的效果实际上比居中邮件更差,整体点击量更少。事实上,只有不到25%的左对齐邮件变体的表现优于对照组。

HubSpot 的 A/B 测试电子邮件营销示例,为我们提供了宝贵的经验,让我们了解电子邮件营销的细微差别。虽然左对齐文本(这种格式通常可以提高长文本的可读性)似乎效果更好,但受众的偏好差异很大。这强调了持续测试哪怕是最小细节的重要性,而不是对用户偏好做出假设。 

10. Vestiaire Collective:TikTok 上的潮流引领者

在快节奏的时尚和社交媒体世界中,保持领先地位不仅仅是一个目标,更是必需。二手奢侈时尚平台Vestiaire Collective面临着在 TikTok 上推广其全新直购功能的同时,如何抓住难以捉摸的 Z 世代群体的挑战。他们的方法是什么?巧妙地将网红的创造力与数据驱动的决策相结合。

问题

Vestiaire 的目标是扩大其在 TikTok 上的品牌影响力,并吸引 Z 世代消费者——这一群体崇尚真实性和新鲜内容。该品牌需要确保与网红的合作不仅富有创意,而且能够有效契合其提升品牌知名度和推动应用安装量的业务目标。

解决方案

为了解决这个问题,Vestiaire 的网红营销机构精心策划了一场 A/B 测试活动,确保不会限制创意合作伙伴的创作风格。他们招募了八位网红,赋予他们广泛的创作自由,让他们创作各种 TikTok 帖子,每篇帖子都嵌入了与 Vestiaire 目标相符的特定行动号召 (CTA)。内容风格多样,为活动提供了丰富的创意视角。

Vestiaire Collective 的 TikTok 视频 A/B 测试示例截图

影响者创作自由的一个例子

初始内容创作完成后,A/B 测试的真正魔力便显现出来了。该机构分析了这些帖子的效果指标,以确定哪些内容真正引起了受众的共鸣。之后,效果最佳的内容会通过定向付费广告进行推广,从而提升覆盖面和参与度。

结果

结果简直令人惊叹。Vestiaire 战略性地运用 A/B 测试,带来了超过 4,000 个新的应用安装,并将单次安装成本降低了一半,这显示出其在 Instagram 和 YouTube 上的效果指标显著提升。 

Vestiaire 的成功故事有力地证明了将 A/B 测试融入网红营销策略的影响力。它表明,赋予创作自由,并结合系统性的内容绩效评估,能够在参与度和成本效益方面取得显著成果。 

如何进行 A/B 测试 

既然您已经了解了 A/B 测试在帮助您实现营销目标方面的巨大作用,您可能已经迫不及待地想对自己的落地页进行 A/B 测试了。以下是如何开始:

创建一个假设

从假设入手,你不仅能弄清楚想要测试什么,还能知道如何判断测试是否成功。确保你的假设符合以下要求:

专注于单一问题:准确指出您想要解决或了解的问题。
可测试:在测试结束时您应该能够证明或反驳它。
影响驱动:旨在实现一些可以显著改变结果的事情,例如提高转化率或降低跳出率。

使用可靠的“如果,那么”结构来构建你的假设。例如,“如果我们使用更生动的CTA按钮,那么我们的点击率就会提高。”

设置变量:控制和治疗

确定您正在测试的内容:

控制变量:这是你当前的“冠军”,也就是你的落地页的原始版本。(这可以是 A/B 测试中的“A”)。
治疗变量:引入挑战者(“B”),这是根据您的假设对页面进行调整的版本。

决定测试什么

A/B 测试的魅力在于它的多功能性。你几乎可以测试任何可能影响用户行为的因素。一些常见的元素包括:

标题或正文的副本
号召性用语 (CTA) 按钮设计或措辞
图像或视频内容
页面的整体布局和导航

查看我们的A/B 测试电子书,获取可在目标网页上测试的 20 个元素的便捷列表。

统计显著性的测量

确保你的结果并非偶然。理解你的研究结果的统计显著性至关重要。这个术语的含义是确保你的对照组和实验组之间的性能变化很可能是由于你的调整,而不是随机因素造成的。

选择你的目标

你的最终目标是什么?增加网站流量、降低跳出率、提高参与度?你的目标应该与你的假设相符,并且清晰可衡量。这种专注不仅能指导你的实验,还能帮助你理解结果。

正确划分受众

通常,最好将流量平均且随机地分配给页面的控制版本和处理版本。这样,每个版本都有机会在类似的条件下证明自己的价值。

是的,有些情况下你可能不想均分流量,比如你正在测试一些有风险的项目,只想暴露少量流量。但总的来说,均分流量是最好的选择。

分析并采取行动

测试结束后,深入研究数据。你的实验方案是否优于对照组?还是完全不行?数据不仅会告诉你谁赢了,还会告诉你赢了多少。基于这些洞察,你可以决定是采用新版本、进行更多测试,还是重新开始。

请记住,即使是“失败”的测试也能提供宝贵的见解,哪怕只是告诉你哪些事情不应该做。正如托马斯·爱迪生所说:“我没有失败,我只是发现了一万种行不通的方法。”(不过,是否要做一万次 A/B 测试,完全取决于你自己……)

使用 Unbounce 进行 A/B 测试的分步指南

Unbounce落地页构建器不仅是创建落地页的最佳工具之一,它还内置了 A/B 测试功能。想要了解这款A/B 测试工具的完整使用指南,您可以浏览“如何进行 A/B 测试”页面,或者继续阅读快速了解一下:

1.登录 Unbounce 构建器后,选择您想要测试的页面。 

2. 进入“页面概览”屏幕并查找名为“页面流量模式”的部分。

3.选择A/B测试模式

动画 GIF 展示如何导航到 Unbounce 构建器的 A/B 测试部分
订阅
不要错过最新的行业趋势、最佳实践以及营销活动的内部秘诀
辅导通讯与媒体数字营销机构电子商务金融服务与保险其他房地产SaaS 和技术学生旅行
 

4. 现在是时候创建您想要测试的变体了。您可以复制现有页面开始,也可以从头创建一个全新的页面。

5. 准备好变体后,设置变体权重(即每个变体的流量分配比例)。最常见的分配比例是 50/50,但如果您需要测试三个变体,也可以使用 33/33/34 之类的比例。

 

6. 如果任何较新的变体(“挑战者”)表现优于原有的变体(“冠军”),则可以轻松将挑战者升级为新的冠军。只需选择概览设置右侧的“…”菜单,然后选择“升级为冠军”即可。

 

通过这些简单的步骤,您可以测试您的目标网页,稳步改进,并更接近您的转化优化目标。

日历

链接

个人资料

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

存档