首页

如何使用人工智能从现有设计中生成设计变体

杰睿 用户研究

如何利用人工智能根据现有设计生成设计选项?

这是一个常见的用例:

  • 也许您认为当前的登录页面太混乱并想改进它。
  • 也许您正在进行设计,但感觉只有一个想法,并且希望有更多的设计选择来获得灵感。

然而,我在网上并没有看到太多关于如何使用人工智能来解决此类用例的讨论。

所以今天,我将逐步向您介绍一些示例,包括我使用的提示、工作流程和结果。

让我们开始吧!

概述

由于我只需要专注于前端设计,因此我使用了V0Magic Patterns进行演示。我特意选择它们是因为它们都是针对前端优化的 AI 原型设计工具。

两种工具都可以完成这项工作,但我在两种工具中都运行了同一组提示,以便您可以更好地了解它们可以实现的功能。

如果您有兴趣,您也可以在其他工具(如CursorWindsurfBolt )中运行相同的工作流程,然后告诉我进展如何。

工作流程分为两个步骤:

  • 步骤1:让AI分析设计并提出改进建议。
  • 第 2 步:要求 AI 根据其建议生成设计变体。

如果您清楚自己想要进行哪些设计改进,您当然可以将步骤 1 和 2 合并为一个简单的步骤——只需上传设计、提供您的建议,然后要求 AI 生成新的设计选项。)

我使用 Kayak.com 的顶部部分作为演示的现有设计。

将显示缩放图像
Kayak.com

问:仔细看看。你会如何设计它以不同的方式?

第一个提示

这是我放入 V0 和 Magic Patterns 的第一个提示,以及 Kayak 主页顶部部分的快照。

提供 Kayak 登陆页面的设计评论(见附件快照)。担任具有深厚 UX/UI 专业知识的经验丰富的产品设计师。KAYAK 的主要业务目标是通过为旅行者提供旅行规划工具来赋能他们。其搜索引擎会扫描各种旅游网站,提供丰富的机票、酒店、租车和度假套餐选择和价格。其主要用户是希望搜索和比较旅行选择的日常旅行者。请使用以下视角评估桌面主页:- 核心价值主张清晰
- 信息架构和易于查找关键操作
- 视觉层次、布局和空间使用
还包括 3-5 条具体的、高影响力的建议,以改善主页上的用户体验或转化率。

正如您所见,我还包括了主要的业务和用户目标——这是一个小提示,可以为 AI 提供更多设计分析的背景。

V0

V0的设计分析:

将显示缩放图像
V0的设计分析

一长串的分析,启发性十足。我大概也能从 ChatGPT 或 Claude 得到类似的结果。

(下一步是根据这些建议生成设计方案。但正如我之前提到的,实际上我也可以提供自己的设计建议,例如“当前设计缺乏清晰的视觉层次,并且留白过多。您能否生成三个设计方案来解决这个问题?”)

接下来,我要求 V0 生成设计选项:

根据以上建议,您能否为 Kayak 主页快照生成 8 种备选设计方案?Kayak 主页快照的8 替代设计选项?

正如我所料,它运行了很长时间,每个设计选项大约一分钟。因此,我点击了“停止”,并在提示中将数量从 8 减少到 3:

根据以上建议,您能否为 Kayak 主页快照生成 3 个备选设计方案?Kayak 主页快照3 备选设计方案吗?

V0 在大约 1.5 分钟内生成了 3 个设计选项:

  • 设计1:增强核心体验
  • 设计二:沉浸式英雄体验
  • 设计3:以目的地为中心的体验

设计方案1:增强核心体验

V0 描述的快照:

将显示缩放图像
V0 对设计选项 1 的描述

它生成的设计:

将显示缩放图像
V0的设计

设计方案二:沉浸式英雄体验

V0 描述的快照:

将显示缩放图像
V0 对设计选项 2 的描述

它生成的设计:

将显示缩放图像
V0的设计

设计方案3:以目的地为中心的体验

V0 描述的快照:

将显示缩放图像
V0 对设计选项 3 的描述

它生成的设计:

将显示缩放图像
V0的设计

印象

总体而言,效果令人印象深刻。我喜欢这些精致的细节。它保留了我提供的快照中的必要信息(颜色、样式、CTA)。

所有生成的设计都由具有基本交互效果的代码支持,例如输入字段交互和悬停效果。

我希望设计选项之间能有更清晰的区分。不过我也可以尝试后续的提示来解决这个问题。

魔法图案

Magic Patterns 的设计分析:

将显示缩放图像
Magic Patterns 的设计分析

有些我同意,有些我不同意。为了演示,我简单地让它生成相应的设计选项:

根据以上建议,您能否为 Kayak 主页快照生成 8 种备选设计方案?Kayak 主页快照的8 替代设计选项?

Magic Patterns 在 1.5 分钟内生成了 8 个设计选项,比我预期的要快。

由于新闻稿的篇幅限制,我在这里仅展示三种设计:

设计方案1:增强价值主张

将显示缩放图像
Magic Patterns 的设计

设计选项 2:搜索优先设计

将显示缩放图像
Magic Patterns 的设计

设计选项3:社会认同焦点

将显示缩放图像
Magic Patterns 的设计

印象

与 V0 相比,设计更加简单。

它在更短的时间内生成了更多的设计,这很棒。

我很喜欢它的“导入 Figma”功能。我可以将生成的设计导入 Figma 进行进一步编辑。

此外,它还有一个Chrome 扩展程序,可以让我把网页转换成 React 组件或 Figma。虽然不完美,但我对它的功能非常期待。

 

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

将用户体验作为一项业务来运营(就像我们一直以来应该做的那样)

杰睿 用户研究

长期以来,我们一直将用户体验团队视为某种神奇的创意独角兽,应该以某种方式免受商业现实的影响。

这完全是胡说八道。

我们的团队需要创造价值,而不仅仅是漂亮的图景或没完没了的研究项目,以及一堆繁琐的纸上谈兵。我们应该像CEO看待公司一样看待我们的团队——拥有明确的目标、衡量标准,并对结果负责。

我见过一些组织将设计视为成本中心而不是战略优势,而这种情况的发生是因为我们不愿意在高管真正关心的方面(结果和底线)展示我们的价值。

最好的用户体验领导者会像管理大型组织内的战略业务一样管理他们的团队,专注于提供可衡量的成果。

下面很多概念并不新鲜——因此才附上资源链接——我们只是选择忽略它们。我们需要利用那些已被证实有效的方法,这样我们才能将其作为一种概念继续推进。

现在是我们成长起来并开始将用户体验视为真正的业务功能的时候了——以下是我们可以实现这一目标的方法。

业务成果地图

没有什么比将用户体验工作与业务成果紧密结合更重要。如果你无法解释你的设计如何提升转化率、降低支持成本或提升留存率,那么你只是在画一幅漂亮的图画。

太多用户体验团队把时间浪费在那些对重要指标没有影响的工作上。他们的设计脱离了实际业务需求,脱离了真正重要的业务。在如今每个团队都需要证明自身存在的环境下,这无异于自毁前程。

在着手任何项目时,你的第一个问题应该是:“这会改善什么业务结果?”如果你没有明确的答案,那就停止一切,直到你找到答案为止。

优秀的设计领导者会在每次演讲开始时,先用商业术语提出一个问题,然后再解释如何解决。这种方法会改变高管对你价值的认知。

请记住,高管们并不关心您令人惊叹的旅程地图 - 他们关心的是结果。

利用研究来管理风险

研究不仅仅是为了让用户满意,更关乎管理商业风险。每个设计决策都代表着潜在的风险,良好的研究有助于在向某个方向投入大量资源之前降低风险。

当你把研究定义为风险管理时,高管们突然就变得兴趣盎然了。没人愿意推出一款在市场上惨败的产品。

在一个小组讨论中,有人问我如何创新,我回答了类似这样的话:“我不相信创新,我相信风险管理。” 创新的关键在于做出正确的小赌注,直到你需要做出明智的大赌注。

评估性研究能让我们提前发现地雷,避免踩到。这就像为产品开发流程投了保。

我曾与一些公司合作,他们在产品发布前通过简单的测试就发现了主要的可用性和战略方向问题,从而节省了数百万美元。这并非设计上的胜利,而是通过明智的风险管理带来的业务上的胜利。

这在很大程度上取决于你如何用商业术语来组织你的研究——不要说“用户不喜欢它”,而要说“我们发现了一个风险,如果我们按计划发布,这个风险可能会对我们的预期收入产生 15% 的影响”。

敏捷流程是一种在时间框架内衡量价值并沿途设立里程碑的方法。“Sprint”一词旨在营造一种紧迫感。

时间盒项目展示价值

我非常相信在设计工作中设定时间限制,用名字和日期来推动责任的落实。没有什么比设定截止日期和有限的资源更能集中精力了。

这并不是急于求成,而是要现实地认识到无休止的改进所带来的经济回报递减。

时间就是金钱。通过建立衡量点,我们向利益相关者展示他们所付出的一切都物有所值。

帕金森定律发表于1955年的《经济学人》杂志,它指出“工作会不断扩展,直至填满所有可用的完成时间”。我在设计项目中无数次地看到这条定律的运用。给一个资源三周时间,他们会在三周内交付。给他们三个月时间,他们也会花三个月的时间,而且解决方案可能并不会好太多。

优秀的用户体验领导者知道何时应该称设计“足够好”并继续前进,尤其是在当今的环境下。我发现,设定积极但可实现的时间限制,能让团队专注于解决核心问题,而不是无休止地改进边缘情况。

推动敏捷流程的真正原因是——它是一项重要的时间盒练习。它是一种驱动可衡量价值的方式。

现实世界瞬息万变,今天交付的相当不错的解决方案通常胜过六个月后交付的完美解决方案。“Sprint”这个词旨在营造一种紧迫感。

尽管我们不愿承认这一点——我们并没有发明火。我们应该对现有资源进行设计,直到最终明确出于商业原因采取行动。
尽管我们不愿承认,但我们并非发明了火。我们应该在现有的基础上进行设计,直到最终出于商业原因明确做出彻底改变的决定。

设计融入现有应用,而非围绕现有应用

我看到用户体验团队犯下的最昂贵的错误之一就是不断地尝试重新发明轮子。每一个新功能都成为重新设计一切的借口,这不仅带来了巨大的开发成本,还让用户感到困惑,不得不重新学习界面。

雅各布定律提醒我们,用户大部分时间都在使用其他产品,因此他们希望您的网站以与他们已知所有其他网站(包括您自己的网站)相同的方式运行。

当你在现有模式内进行设计时

我曾与一个团队合作,该团队不断推动对其企业应用程序进行彻底的重新设计,这将花费大量资金,但真正改变其指标的是与用户已经理解的内容保持一致的渐进式改进。

重新设计成本高昂,除非事实证明能显著提升用户体验,否则会损害用户参与度,让资金打水漂。微软的 Metro 设计语言就是一个最好的例子——它虽然带来了变革,但差异太大,用户难以接受。

我认识的优秀用户体验团队都深知,真正重要的创新和纯粹的创新之间的区别。把你的革命性思维留到真正有价值的地方。

原子设计是一种思维模型,它创建了一种设计师可以共同协作的共享语言。这可以节省成本。
原子设计是一种思维模型,它创建了一种设计师可以共同协作的语言。这在任何环境下都能节省金钱和时间。

创建设计系统作为共享语言

设计系统不仅仅是让事物看起来一致——它们还旨在创造巨大的商业效率和使组织协调一致的共享语言。

当每个设计师都从头开始重新设计按钮、表格和导航模式,并给它们起一些毫无意义的名字时,你就是在浪费金钱,而这些钱本可以用来解决实际的用户问题。

正如 Nathan Curtis 明智地指出的那样,“设计系统不是一个项目,而是一个为产品服务的产品。 ”

当你将设计系统视为产品时,你就是在投资一个能为你的整个产品组合带来回报的东西。这就像购买资产和反复租用资产之间的区别。那些能够从用户体验团队中获得最大价值的组织,往往是那些能够建立并维护强大设计系统的组织。

这些系统大大减少了设计和开发时间,为用户创造了一致性,并允许团队专注于解决独特的问题,而不是第一百次重新设计表单字段。

商业案例很明确——设计系统不是奢侈品,而是扩大团队规模的竞争必需品。

双菱形的问题不在于标签,而在于菱形本身的大小——有时问题很明显,只需想办法解决即可。
双菱形的问题不在于标签,而在于菱形本身的大小——有时问题很明显,只需想办法解决即可。

有目的的流程,而不是为了流程而流程

很多用户体验流程只是一些教条,人们盲目跟风,却不理解其中的道理。我不需要流程,我想要结果。

这就是为什么我称之为框架,而不是流程——框架可以根据你面临的具体挑战进行调整。而流程听起来像是你必须遵循每一步。

例如,我对双钻设计思维的担忧并非标签,而是步骤本身的大小——有时问题显而易见,解决方案只需一步步解决。你的方法应该根据你面临的问题量身定制。

所有设计方法都是非线性的,我们应该采取相应的行动。

我见过团队在旅程地图上浪费数周时间,却从未对任何设计决策产生过影响。我也见过设计师进行广泛的用户调研,但关键洞察在第三次访谈后才显现出来。盲目遵循流程而不理解其目的,只是伪装成用户体验的忙碌工作。

有时你需要跳过一些步骤。有时你需要调整框架以适应你的限制。优秀的用户体验领导者知道何时该照本宣科,何时该抛诸脑后。你的工作不是遵循完美的流程——而是以尽可能高效的方式交付商业价值。

如果您的流程妨碍了结果,则说明您的流程是错误的。

使用和改进现有的心智模型——尤其是在人工智能时代

当我们一头扎进人工智能革命时,我们不需要重新发明人类与技术的互动方式。

对话设计利用人们已有的心理模型——他们知道如何提出问题和进行讨论,并且多年来一直在现有应用程序中这样做,例如自然语言处理。

这些心理模型就是为什么聊天机器人和对话界面尽管相对较新却感觉直观的原因。

我见过的最成功的人工智能应用都建立在熟悉的交互模式之上,而不是强迫用户学习全新的工作方式。他们明白,用户对于如何完成任务已经形成了成熟的心智模型,而教授新的心智模型并非易事。

聪明的团队会利用现有模型,而不是制造认知摩擦,因为学习新模型需要花费金钱和时间。这才是好的设计。

务实是关键,而非懒惰。当你利用现有的思维模型时,你就能降低用户的学习曲线,这意味着更快的采用速度和更少的变革阻力。你让你的人工智能功能感觉像是用户已知知识的自然延伸,而不是一种外来的强加。

在任何淘金热中,赢家都不是那些拥有最先进算法的人,而是那些让技术感觉最自然、最容易获得的人。

工艺需要花钱;明智地使用它

让我们认真对待工艺——你追求的每一个像素都会让公司付出代价。那些在精妙的动画、完美的排版和令人愉悦的交互上花费的额外时间是真正的投资,需要用业务成果来证明其价值。

这并不意味着我们要放弃工艺,而是意味着我们需要对投资方向进行战略规划。

用户每月看到一次的登录屏幕可能不值得与他们每天使用的核心工作流程具有相同水平的工艺。

我曾与一些设计师共事,他们为了完善用户从未注意到的细节而奋斗数周,却忽略了那些导致公司客户损失的根本可用性问题。我认识的优秀设计师都敏锐地意识到,哪些工艺能够转化为商业价值,哪些只是一时兴起。

优秀的用户体验领导者懂得如何将他们的设计预算分配到对最终盈利影响最大的领域。他们会谨慎选择战斗,并将他们的设计投入到对用户和业务产生最大影响的地方。

像经营企业一样经营用户体验

归根结底,像经营企业一样运营你的用户体验团队意味着要对结果负责,而不仅仅是活动本身。这意味着要使用组织的语言,并展示设计如何推动业务成果。这意味着要有策略地投资有限的资源,以实现最大效益。

我合作过的最成功的用户体验领导者不会隐藏在流行语后面或使他们的流程神秘化——他们清楚自己所提供的价值,坚定地确定优先级,并专注于对业务至关重要的指标。

他们明白,用户体验并不是存在于正常商业考虑之外的特殊事物——它是一项需要证明投资回报率的关键业务功能。

如果您希望您的团队获得应有的尊重、预算和影响力,请开始像企业首席执行官一样管理它,而不是像艺术部门的负责人一样。

用户体验 (UX) 免于业务问责的日子已经结束了,这对我们所有人来说实际上是一件好事。

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

Netflix 如何利用 UX 设计赢得 2 亿付费用户

杰睿 用户研究

为应用程序获取免费用户是一回事,但利用 UX 设计来获取 2 亿付费用户又是另一回事。

Netflix 成立 27 年来,彻底改变了商业模式,从实体 DVD 转型为数字 OTT 平台。二十多年来,Netflix 不仅牢牢抓住了忠实用户,还吸引了数百万新用户。

我做了研究,发现很多用户体验原则和实践都被用来吸引用户,并让他们长期使用付费套餐。让我们一起来看看吧!

“随时取消”

一个简单的术语赢得了数百万人的青睐。Netflix 使用智能选择架构和一些巧妙的模式来赢得用户的信任。

随时取消政策让Netflix看起来不像订阅服务,更像是一次性购买,只需少量资金投入。在这个几乎所有订阅都有最低门槛或锁定期限的时代,这使得专业版计划的营销更加轻松友好。

现在,如果您尝试取消 Netflix 订阅会发生什么?

Netflix 采用了以下巧妙的设计原则,让您更难取消订阅:

  1. 要取消订阅,您必须进入帐户设置,然后深入了解您的会员资格。点击次数越多,用户决定继续订阅或推迟取消订阅的可能性就越大。这并非总是如此,但即使取消订阅的用户数量下降 1%,也能为 Netflix 带来巨大的收益。
  2. “取消会员资格”按钮位于页面底部“更改计划”操作之后,这使得它在页面上的重要性最低。此外,取消按钮是一个非常简单的幽灵按钮,使其在屏幕上更难被发现。
  3. 下图展示了Netflix如何通过提供多种选择来吸引用户回归——比如更换更便宜的套餐、离开前观看,甚至还有暂停订阅按钮!他们还会利用你的情绪,向你展示即将离开的内容,以及你与他们共度的所有“美好时光”。
取消订阅前您会看到此屏幕

这种流程在用户体验设计术语中被称为“取消流程”。在这种流程中,用户体验设计师和信息架构师会尝试让取消流程变得更难,并为用户提供更多理由再次使用服务。他们常常需要在阴暗烦人的用户体验模式和流畅的取消流程之间寻找平衡。

“留住客户比获取新客户更便宜”——《哈佛商业评论》

沉浸式体验和自动播放

狂看剧已经成为Z世代和千禧一代的标配,以至于我们常常忘记时间。用户体验设计正是解决这一人类困境的核心。

由于一些巧妙的策略,人们只想继续观看:

  1. 大型海报,顶部突出显示内容。
  2. 预告片在顶部自动播放,并且当鼠标悬停在预告片上方时,预告片也会自动播放。
  3. 指示器显示您观看了某个内容的时长,提醒您继续观看。
  4. 高/大卡片用于吸引网站不同部分的注意力。
  5. 每次您观看完内容时,都会弹出新节目和电影的推荐和建议。
  6. Netflix 会自动播放您正在观看的剧集的下一集。

沉浸感与你在抖音、Instagram 和 YouTube 上看到的类似。滚动到下一个内容或让用户留在应用上是这类平台获得并维持业务的关键。事实上,用户留存率与将临时用户转化为付费用户直接相关。

Netflix 的广告——OTT 的新时代

目前,Netflix 正在部分国家/地区测试一项包含广告的新定价方案。此举旨在为难以支付每月 10 美元费用的用户提供更低成本的方案。

现在,计划的转变可能是由于以下用户行为的变化:

  1. 用户现在已经习惯了 Youtube、Twitch 等平台上更长、更多的广告。因此,另一个广告数量较少的在线平台并不会让人感到震惊。
  2. 他们提供广告作为更便宜计划的交换,这意味着无论是否有广告,用户都会看到订阅的价值。
  3. 他们运用了“价格锚定”的概念,可以显示较低的起价,让用户感受到其服务的更多价值。他们还可以在营销材料中使用“6.99美元起”来吸引更多转化。

无限触点

你今天是怎么访问 Netflix App 的?是在 YouTube 上看了一部新电影的精彩短片吗?还是朋友给你发了一部新剧让你一口气看完?

接触点是用户或潜在用户进入您的应用程序/网站的来源。

Netflix 拥有无数的 YouTube 频道

Netflix 采用了一种巧妙的营销策略——围绕其电影和电视剧,与热门内容创作者合作创作短视频内容,以吸引用户访问其平台。用户体验设计师巧妙地利用这些数据创建智能常见问题解答,构建内容投放方式,并提升用户参与度。

共享选项出现在流程的不同点

拥有强大的社交分享功能,可以让亲朋好友推荐节目和电影,从而吸引用户回头并保持他们的互动。许多其他公司,例如

在 Instagram 上发布自己风格化的故事,让他们分享的内容在网上脱颖而出。

 

一群聪明的用户体验设计师可以轻松认识到,用户体验受应用程序外部发生的事情的影响比受应用程序内部发生的事情的影响更大。

无缝上下文导航

在 8,000 多个影片库中,用户很难轻松找到自己喜欢的影片。Netflix 在您购买订阅前后无缝解决了这个问题。

购买订阅之前:

Netflix 在其落地页上展示您所在地区最热门的 10 部节目和电影。您可以点击查看简介或观看预告片。页面末尾会显示一个行动号召 (CTA),鼓励您订阅并开始观看该节目。

与 Amazon Prime 不同,他们不允许用户在购买前浏览电影库。唯一的方法是直接在 Google 上搜索电影或类型,然后直接导航到 Netflix。我认为这是 Netflix 在导航方面唯一不足的地方。我认为这是 Netflix 在导航方面唯一不足的地方。

购买订阅后:

Netflix 页面顶部的导航相当简洁。电视节目、电影、最新热门、我的列表以及按语言浏览。浏览这些内容时,我很容易就能明白自己想去哪里,没有任何歧义。

附言:对于像印度这样多语言的国家来说,按语言浏览非常重要。每个州都有独特的语言和娱乐产业,用户访问 Netflix 可能也是为了这些。

Netflix 意识到大型下拉菜单导航起来很棘手,所以它们会直接将用户引导至另一个页面,方便用户查看子项。如果您非常了解用户,就能创建出如此高效的导航栏。您清楚地知道用户喜欢搜索什么,以及哪些内容对普通 Netflix 用户来说很重要。对元素进行优先级排序是有效导航的关键。

他们将儿童选项、通知菜单和个人资料页面分离到了最右侧。这样既减少了用户的注意力,又提供了清晰的层次结构。

他们还为每个类别提供了相应的类型下拉菜单,方便您根据自己喜欢的内容风格进行筛选。选择类型后,他们不会带您浏览无尽的节目列表,而是会为您展示针对特定用户量身定制的特定类型内容,同时保留各种标题层级,例如“为您推荐”、“今日精选”、“Netflix 新剧”等等。

Netflix 的工作人员也在不断创建新的收藏集,帮助你找到类似的内容,让你可以一口气看完特定类型的内容。它的作用很像音乐流媒体服务上的播放列表,但这个收藏集是针对电影和节目的。

现在你可能会想,为什么这样的事情会影响订阅?对大多数用户来说,找到合适的内容才能继续看到Netflix服务的价值,这一点很重要。如果他们觉得在Netflix上再也找不到好节目了,他们可能会放弃这项服务。

个性化是核心

Netflix 使用各种技术为用户提供更加个性化和“量身定制”的体验。如果您喜欢亚当·桑德勒主演的喜剧电影,Netflix 肯定会在接下来的几周内为您推荐类似的电影。电影结束后,您还会获得根据您的观影习惯进行个性化推荐。

但是个性化算法很常见,那么什么样的 UX 设计个性化可以帮助他们留住用户呢?

Netflix 允许您为不同的家庭成员创建多个帐户,因此每个人都可以获得自己的个性化推荐,而且别忘了,还有一个可爱的头像!

这些头像看似简单,但我们已经看到人们渴望将自己的个人资料和头像与游戏(《堡垒之夜》等)和社交媒体(Instagram 和 WhatsApp 显示图片)区分开来。因此,尽管这些头像只是微小的改变,但它们仍然会影响用户的个性化体验。

个性化功能也融入到通知中,其主要目的是吸引用户回访。它们会使用您的用户名(通常是您自己的名字)作为前缀或后缀,使机器人式的句子更加个性化。它们还会使用您之前的活动来提醒您继续观看。通知确实让 Netflix 这样的公司能够让营销看起来更自然,也让内容团队在文案上更具创意。然而,通知也可能让许多用户感到厌烦,因此他们必须始终谨慎处理。

Netflix 专门设立了“儿童”版块,让孩子们可以观看自己喜欢的卡通人物节目和电影,并根据孩子们的喜好设置了相应的分类。家长也可以控制和监控这个版块,以确保家长的安全和信心。我认为这非常明智。孩子们对内容的看法确实与众不同,Netflix 为吸引孩子们而采取的一些措施包括:明亮醒目的视觉效果、引人入胜的用户体验文案。

内容驱动设计

归根结底,内容为王。Netflix 依靠其提供的电影和电视剧来满足用户娱乐需求,并吸引新用户。

“Netflix 原创”或“仅在 Netflix 上”是他们与竞争对手区分开来的策略。Netflix 的一些热门作品,例如《鱿鱼游戏》、《路西法》、《怪奇物语》、《纸钞屋》等,已经为一些观众定义了 Netflix,而这往往成为他们继续订阅的理由。

这与我们在 YouTube 或 Instagram 等平台上注意到的情况非常相似,在这些平台上,用户界面通常不是人们坚持使用的因素,而是基本要素。

与时俱进

随着短篇内容的兴起和人们习惯的改变,许多公司不得不逐渐转移关注点。Netflix 无疑是其中之一。

Netflix 最近在每个符合条件的内容底部添加了“时刻”功能,用户可以找到节目或电影中的重要时刻,并可以直接跳转。Netflix 的这一举措非常冒险,因为它可能会减少用户在平台上的停留时间。另一方面,它允许一些用户在平台上花费更多时间观看更多内容,从而让他们看到内容的更多价值。

为了吸引新用户,并在内容过时时保持他们的活跃度,Netflix 购买了一些热门手机游戏的版权,并以零额外费用提供给用户。因此,原本售价 2 至 10 美元的游戏,现在对 Netflix 的订阅用户来说都是免费的。这当然不是设计上的决定,但这确实增加了价值的幻觉。

为所有人提供无障碍服务

据世界卫生组织统计,地球上约有22亿人患有某种形式的视力障碍。这意味着Netflix需要解决这些问题,才能吸引视障人士。

Netflix 上几乎每部新电影或剧集都提供“音频描述”选项,方便视障人士轻松观看自己喜爱的内容。即使对于只戴眼镜的人来说,这项功能的精准度也让我感到惊讶,几乎就像不用睁开眼睛就能看电影一样。女声会引导你逐一欣赏电影场景,让人仿佛置身于冥想之中。

他们涵盖了许多其他无障碍方面,包括更改字幕设置,使其更清晰易读。

 

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

在用户体验研究中使用人工智能:个人观点:什么有效,什么无效

杰睿 用户研究

2 组用户评价见解
Dovetail 上的 AI 聚类数据

准备

开展研究

分析:人工智能有时能大放异彩的地方

包含 3 种不同见解的画布被分组为一个集群
Dovetail 人工智能辅助分析,由 Dovetail 网站提供。

报告

Breyta AI 驱动的搜索,由 Breyta 网站提供

工具概况

一个很大的警告:这一切的成本

 最后的想法

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

用户体验中的神经设计:认知科学如何帮助我们打造更佳的界面

杰睿 用户研究

通过 AI 辅助创建的图像

说实话,我们大多数人在设计屏幕时并不会考虑人脑。我们关注的是布局、间距和颜色。但事实是:设计并非发生在屏幕上——而是发生在用户的大脑中。这就是神经设计的用武之地。

神经设计就是运用认知心理学和神经科学来构建直观、轻松甚至略带愉悦的界面。我之前并没有学过神经科学,但自从我开始了解大脑的运作方式后,我的设计方式就彻底改变了。

以下是我所学到的知识 — — 有真实的例子、用户体验法则和一些你可能想看看的书籍精华。

1. 大脑是懒惰的(好的方面)

我们的大脑天生就具有节能的本能。这意味着人们几乎总是会选择阻力最小的路径。当你的用户界面过于复杂或选项过多时,大脑就会说:“不行。”

记住希克定律

提供的选择越多,做出决定所需的时间就越长。

想想谷歌的主页只是一个标志和一个搜索栏。这并非偶然——它的设计是为了减少认知负荷。

Google.com

您可以做什么:

  • 确定主要行动的优先级
  • 保持表单简短(就像 Typeform 那样)
  • 删除无用的元素

2.人们先看到,后思考

设计首先是情感驱动,其次是逻辑驱动。这意味着色彩、布局甚至动画都能在第一秒就建立信任。

让我们来看一个例子:Duolingo 的应用程序使用友好的插图、有趣的语气,以及一些感觉像大脑“拍拍背”一样的小奖励。它降低了学习新语言的情感障碍。

图片来源——匹兹堡杂志

以下是Susan Weinschenk 所著《神经网络设计》一书中的一条重要建议:

“我们不会做出合乎逻辑的决定。我们会做出情绪化的决定,然后用逻辑来证明其合理性。”

您可以做什么:

  • 使用温暖、友好的设计语言
  • 让入职培训感觉像是手把手指导,而不是测验
  • 添加微妙的动作,使操作感觉灵敏(就像Apple在 iOS 中使用弹跳或淡入淡出一样)

3.熟悉的感觉很好

大脑喜欢模式。当用户看到自己熟悉的事物时,他们会感到安全,并且能够掌控一切。

记住雅各布定律

用户大部分时间都花在其他网站上。因此,他们期望你的产品也能以同样的方式运作。

让我们看一些例子:Instagram 的底部标签栏亚马逊的购物车图标Gmail 的撰写按钮——它们都遵循常见的视觉隐喻,以减少学习曲线。

您可以做什么:

  • 遵循原生平台惯例
  • 使用常见的图标和术语(除非您是 Zara,否则不要将购物车称为“我的包”)
  • 除非有充分理由,否则避免不必要的改造

4.记忆很短暂——真的非常短暂

认知科学告诉我们,用户的工作记忆中一次只能记住大约4个条目。因此,如果你的应用依赖于用户记忆指令,那么它注定会失败。

“米勒定律”来了

一般人的短期记忆只能保留 7 件(正负 2 件)物品。

真实案例:你有没有尝试填写表单,但错误信息只有在提交后才会显示,而你却忘了哪个字段出了什么问题?这简直就是记忆噩梦。

您可以做什么:

  • 将任务分解成小的、可管理的步骤(例如Airbnb 的分步主机设置
  • 使用内联验证
  • 保持标签靠近输入(不要让用户滚动或猜测)

5.反馈=安全

大脑会不断检查:这有效吗? 我能控制吗?如果用户界面没有响应输入,用户就会感到不确定——即使后台一切正常。

用户体验法则:反馈循环原则

人们需要立即得到反馈来了解其行为的结果。

例如,Slack在消息发送时会显示“正在发送…”的动画和勾号。这能建立信任,尤其是在快速对话中。

您可以做什么:

  • 显示加载状态、成功消息或错误提示
  • 允许用户撤消操作(如 Gmail 的“撤消发送”)
  • 动画过渡到信号系统状态

如果你想深入了解,可以参考以下书籍推荐

以下几本书确实帮助我将神经科学和用户体验联系起来:

  • Susan Weinschenk 的《神经网络设计》 ——超级易读,示例丰富
Susan Weinschenk 的《神经网络设计》
  • Susan Weinschenk 撰写的《每个设计师都需要知道的关于人的 100 件事》 ——设计师的最爱
苏珊·温申克 (Susan Weinschenk) 的《每个设计师都需要了解的关于人的 100 件事》
  • 史蒂夫·克鲁格的《别让我思考》 ——虽然不是神经科学,但完全符合大脑的行为方式
史蒂夫·克鲁格的《别让我思考》
  • 唐纳德·诺曼的《设计心理学》 ——以人为本的设计思维的经典见解
唐纳德·诺曼的《设计心理学》

好的用户体验不仅仅是让事物看起来美观。它在于理解人脑的运作方式,并围绕此进行设计。神经设计提醒我们,我们设计的不是屏幕,而是思维中的体验

当我们做得好的时候,一切都会顺利。

所以下次调整布局或重新设计流程时,问问自己:
现在什么对大脑来说最容易?
这个问题比任何花哨的工具都更能帮助我做出更好的决策。

……

 

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

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

杰睿 用户研究

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

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

顶部对齐的视线注视

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

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

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

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

 

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

怎么理解用户动机?如何提升用户动机?

涛涛 用户研究

用户动机,是每个设计师设计产品时必须考虑的问题。只有激发用户动机,才能进一步提高转化率。本篇文章中,作者从福格PAC动机来源模型入手,从3种动机来源介绍如何激发用户的动机。不妨来看一看,说不定有帮助哦。

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 证明了智能策略可以促进销售并提高转化率。 

Kiss My Keto 如何将购物车放弃率降低 20%

杰睿 用户研究

Kiss My Keto是一家专注于生酮生活方式的 D2C 商店。他们的首要目标是激励全球更多人实现生酮健康转型。Michael Herscu 和 Alex Bird 创办 Kiss My Keto 的初衷是,他们一直在努力寻找优质、诚信的品牌,为真正的生酮饮食提供正宗的产品。

认识 Kiss My Keto

联合创始人迈克尔 (Michael) 和亚历克斯 (Alex) 发现,很少有品牌使用正确的成分或保持明确定义适当生酮饮食的必要宏量营养素比例一致。 

经过数年时间和数千小时对生酮饮食的研究,他们不断完善食谱,直到对最终结果感到满意:美味的生酮食品、零食和补品。

亲吻我的酮

挑战

Kiss My Keto 团队希望提高销售额和转化率,因此他们向 OptiMonk 寻求帮助。

OptiMonk 的 CRO 专家开始深入研究 Kiss My Keto 的 Google Analytics 数据。他们发现了多个将 Kiss My Keto 网站流量转化为长期收入的机会。

必须解决以下用户细分问题:

  1. 新主页访客
  2. 产品页面放弃者
  3. 购物车放弃者
  4. 持有有效优惠券代码的访客 

让我们看看 Kiss My Keto 是如何解决这些问题的! 

解决方案

没有哪个单一的营销活动能够引起所有用户群体的共鸣。因此,他们创建了四个针对性强的营销活动,每个活动都针对一个存在问题的用户群体。

1. 为新主页访客提供对话弹出窗口

新访客通常对您的网站不熟悉,不知道如何导航。过多的选项可能会让他们犹豫不决(这被称为“选择悖论”),从而导致跳出率高。 

此次活动的主要目标是帮助首次访问者开始使用网站,让他们订阅新闻通讯,并提供个性化的产品推荐。 

如何一次性实现这些目标?使用对话弹出窗口。 

对话式弹窗的第一页向访客提出了一个简单的问题:“您在寻找什么?” 这有助于购物者找到正确的产品。弹窗还告知访客有 10% 的折扣优惠。

回答完第一个问题后,访客将进入对话弹出窗口的下一阶段。无论答案是什么,所有用户都必须提供电子邮件地址才能获取折扣码。

输入联系信息后,访客进入弹窗的最后一个阶段。他们可以看到优惠券代码和个性化产品推荐(与第一页的答案一致)。 

Kiss My Keto 对话弹出窗口的第三页

这次活动非常成功。 

它的转化率为 20.33% ,并收集了762 个新的电子邮件地址。 

每次活动收集到新的电子邮件地址时,联系信息都会自动与 Kiss My Keto 的电子邮件营销工具Klaviyo同步。 

由于 OptiMonk 与 Klaviyo 的集成设置简单,Kiss My Keto 的所有新订阅者都会立即收到相关电子邮件。

2. 针对产品页面放弃者的折扣弹出窗口

第二个活动针对的是浏览了 Kiss My Keto 产品页面但未将商品添加到购物车的访客。

为了防止该部分用户在未进行购买的情况下跳出,他们使用了出现在退出意图上的活动。

主要目标是通过提供 15% 的折扣来鼓励访客购买。为了使弹窗更具相关性,他们还显示了访客正在浏览的产品名称。

Kiss My Keto 个性化折扣弹出窗口

Kiss My Keto 团队使用了多步骤弹出窗口,并且仅在第二页要求提供电子邮件地址。 

Kiss My Keto 个性化折扣弹出窗口(第 2 页)

最后,第三页显示了优惠券代码: 

Kiss My Keto 个性化折扣弹出窗口(第 3 页)

团队还对优惠券代码进行了一些 A/B 测试,试图尽可能地优化活动。他们比较了固定优惠券代码(例如“15OFF”)和自动生成的优惠券代码(包含随机字符并设置实际截止日期(例如 3 天))的效果。 

正如预期的那样,自动生成的优惠券代码提高了访客兑换代码并下单的意愿。此版本的转化率提高了 16%。

表现最佳的版本的转化率为 8.67% 

3. 利用限时折扣挽救购物车放弃者

放弃购物车的顾客通常参与度很高,他们只需要最后的推动就能下订单。

这就是为什么 Kiss My Keto 为放弃的访客提供最终 15% 的折扣。他们还使用了倒计时器来增强“害怕错过”(FOMO)的体验。 

Kiss My Keto 购物车放弃弹出窗口

由于之前的活动证明自动生成的优惠券代码转换效果更好,因此他们也在这里使用了它们。

他们还启用了 OptiMonk 的自动兑换功能,该功能会在结账时自动应用客户的折扣。这意味着没有人会忘记兑换优惠券。

此次活动的转化率为 15.05%。

4. 提醒访客他们的优惠券代码 

当访客在 OptiMonk 活动中转换并收到优惠券代码时,Kiss My Keto 会显示一个粘性条,提醒他们折扣。

无论自动兑换功能是否启用,Kiss My Keto 团队都认为粘性条活动很有用,因为它可以让访客牢记潜在的折扣。 

Kiss My Keto 能量棒活动

他们通过创建两个版本来测试该活动:一个版本正常显示,另一个版本保持隐藏。这样,他们就能追踪看到和未看到该活动的购物者的行为。

那些看到“别忘了你的折扣码”置顶贴的用户转化率高出了 19.32% 。跟进那些已经在你某个广告系列中转化的客户显然非常有效!

结果

以下是 Kiss My Keto 与 OptiMonk 两个月合作的主要成果:

  1. 与上一年相比,电子商务转化率增长了 7.17%
  2. 与上一年相比,购物车放弃率下降了 19.29%
  3. 所有弹出式广告活动都吸引了 3,300 名新订阅者 
  4. 兑换了 848 个优惠券代码,产生了 46,762 美元的额外收入

image.png

兰亭妙微(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

日历

链接

个人资料

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

存档