编辑导读：B端企业时常会根据客户的需求来定制产品，开发各种系统和商业模式。那么，如何用数据衡量B端定制化产品的价值呢？本文作者对此进行了分析，希望对你有帮助。 上周末浏览朋友写的《B端产品，如何用数据衡量价值》一文，颇有感悟。作者主要从SAAS产品的角度出发，

编辑导读：B端企业时常会根据客户的需求来定制产品，开发各种系统和商业模式。那么，如何用数据衡量B端定制化产品的价值呢？本文作者对此进行了分析，希望对你有帮助。

上周末浏览朋友写的《B端产品，如何用数据衡量价值》一文，颇有感悟。作者主要从SAAS产品的角度出发，而大部分B端产品离SAAS还有一定距离，所以我打算站在朋友的肩膀上为定制化产品写一篇价值衡量分析。

一、前言 从事B端产品开发+需求设计三年，在我看来，B端产品可以分为以下三类：

1）定制化产品

外包公司，针对不同客户的需求定制化开发各种系统。

某行业龙头，通过为不同客户提供解决方案，逐步形成了一套可以自我迭代的产品，再针对不同客户的需要稍加定制以及本地部署。

2）SAAS产品

以订阅、买断的方式按使用时长或使用方式计费（中小型公司），也支持本地部署定制化系统等（大多是KA客户及大型公司）。

3）内部工具产品

以前公司会有资产管理系统，端到端故障跟踪系统，流程审批系统等，不过现在都有不错的SAAS产品能很好的兼容各个场景了。

金融、证券公司的股票交易系统还是会自己开发。

我现在负责定制化产品中的第二类，公司有自我迭代的标准产品，也会根据客户需求出定制化设计，如果觉得该功能可以在其他项目上复用，我们就会将它合入标准产品。

今天我想思考的是，这种偏定制化的产品有什么衡量产品价值的指标吗？它不像C端产品有大量人群使用，也不像SAAS产品那样即买即用，甚至没有做任何埋点，但这不意味着没有指标可以分析，因为只要有人用就说明产品给能提供价值，有价值就可以分析并加以优化。

现在，我尝试从 商业属性 、 工具属性 和 服务属性 三个角度为大家分析。

二、​商业属性 我理解能为公司带来直接收益的指标就是商业属性指标。下面是我从定制化产品角度思考整理的5个指标，一起来看看。​

1）产品续费数

​对定制化产品来说，首次签订合同并完成产品部署我们称为一期，后续客户觉得产品好用、产后服务周到（需求优化、bug修复速度）、客户关系维系良好都有可能继续签订二期、三期合同。也就是“产品续费数”，这个指标我认为是可以参考进来的。

2）新增订阅数

对定制化产品来说，通过投标参与客户POC，中标后签订合同购买我们产品然后交付入场进行本地部署，也可以量化为一年该产品卖给了多少个客户（公司），但这中间有太多影响因素，比如客户关系、销售网络、当地政策等，所以该指标（产品新增客户数/年）参考意义不强。

除了前两个常用指标，我认为以下指标也能用来衡量定制化产品的价值。

3）功能复用率

不管哪个行业的定制化产品，其最终都想做成统一售卖统一升级的SAAS产品，那么就需要不断积累行业经验，把通用能力抽象出来，形成标准产品功能。每多增加一个通用能力，都能省去一次潜在的定制化设计、开发、升级、维护成本，离产品SAAS化又进了一步。所以我认为这个指标具备很强的商业属性。

4）KA客户签约数

KA客户指代市场内的行业巨头、领军企业，如果说你的产品有苹果、谷歌、亚马逊或者阿里、腾讯、字节在用，那将是非常牛逼的背书，使用产品的KA客户越多，在产品宣传或POC比拼中能占到的优势也越大。

5）POC关键能力命中数【不成熟】

这是一个不成熟的想法。POC指小范围验证性测试，客户为了准确、高效和公平，在决策购买产品之前，会罗列出自己需要的能力项，并对这些能力设置了一系列标准和评分，各家厂商纷纷入场参与产品测试，客户最终会与POC表现最好的厂家签订合同。解释完了POC，什么是关键能力呢？评分项里有客户重点想要的能力，能跑通即可得到客户的芳心。如果在标准产品中迭代出了很多POC项目重点关注的能力，也具备很高的商业价值。

虽然大部分产品经理在职能定位上不需要背商业数据指标，但不代表我们可以不关心，毕竟这些指标是公司赚钱并给你发出工资奖金的关键。

三、工具属性 B端产品包含定制化产品，本质上是为了帮助企业降本增效存在的工具，那么不管是减少了产品流程，还是提升了产品性能，都能带来价值。所以我们可以尝试分析以下指标。

1）单场景跑通时间

原谅我还无法使用更简洁的词汇概括它，但是这个指标相当重要。以我从事的指标监控产品为例，从接入客户的系统指标到看到指标数据趋势图是一个场景，从客户想要监控一个指标到客户收到指标的告警通知也是一个场景；客户完成一个场景的时间越少，工具使用效率就越高，产品的价值自然更高。

2）上手难易度

很多公司的B端产品经常是一年一换，比如我刚进入公司半年多，报销软件就换了两次。虽然做采购决策的不一定是用户本身，但如果一线使用者每天都怨声载道，即使产品征服了领导也离被换掉不远了。所以每次产品版本迭代，都有30%-40%的精力放在提升用户体验上。

3）功能稳定性

功能稳定性是所有B端产品的关键指标，也是客户愿意为二期、三期续费的重要因素。因为我们的B端产品最终是为企业业务服务，一旦宕机不可用，势必影响巨大。

我们可以按照产品正常使用时间/产品使用总时间来计算，也可以按照不同分类Bug在一段时间内的出现次数来衡量。

上面也只是简单列举了B端产品共通的工具属性指标，不同行业看重指标不大一样，像我所在的运维行业还会关注智能算法场景数等。

四、服务属性 我觉得这是B端，尤其是定制化产品中一个特有的属性，因为我们的重点客户大都是国内巨型公司，因为体量大、基础深和特性强导致标准产品无法满足他们所有需求，才需要投入人力开发定制化功能。所以主动回访客户的使用体验，这一点做好了不仅能让客户觉得你重视他们，还能从交流中发现可优化点。基于此，如果定制化产品想要做出成绩，以下数据也可以重视起来：

客户（优化）需求响应时间 客户交流/拜访次数 客户报障解决效率 由于篇幅已经较长，所以我直接将三个我认为重要的服务指标列举出来，感兴趣的同学可以回顾下自己工作中是不是也有过同样经历，是否还能做的更好呢。

五、总结 我思考得出，衡量定制化产品价值大致可以从以下三个维度考虑：

商业属性：客户续费、功能复用和KA客户签约这三个指标很重要 工具属性：能帮助客户企业完成降本增效的指标都很重要 服务属性：总的来说就是提高客户满意度，乐意继续合作并且介绍给其他合作伙伴。 感谢看到最后，以上就是「如何用数据衡量B端定制化产品价值」的全部内容。

 

本文由@有惟青年 原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自Pexels，基于CC0协议。

给作者打赏，鼓励TA抓紧创作！

{{{path> 赞赏

编辑导语：近年来，社区团购平台从大举扩张到收缩，业务线不断被优化，随之受到牵连的人也不少。在社区团购撤城后，等待他们的是一堆“后遗症”问题。本文对社区团购撤离后面临的问题进行分析，一起来看看。 6月底，程威被“毕业”了。 近两年时间，他见证了所在的社区团购平台

编辑导语：近年来，社区团购平台从大举扩张到收缩，业务线不断被优化，随之受到牵连的人也不少。在社区团购撤城后，等待他们的是一堆“后遗症”问题。本文对社区团购撤离后面临的问题进行分析，一起来看看。

6月底，程威被“毕业”了。

近两年时间，他见证了所在的社区团购平台从大举扩张到收缩战线的全过程。这一次，他跟着整条业务线被“优化”了。

一位团购创业者对社区团购的收缩表示“不意外”，“资本团”（包括“老三团”兴盛优选、同程生活、十荟团，“新三团”美团优选、多多买菜、橙心优选，以及淘菜菜、京喜拼拼）的玩法是拼谁流量大、谁烧钱多。

去年7月，创业公司同程生活“崩盘”，今年3月以来，橙心优选、十荟团被曝关停，京喜拼拼大范围收缩，“都是迟早的事”，因为拼不过美团优选、多多买菜的主站流量，也没有它们能烧钱。

到目前为止，老三团只剩“独苗”兴盛优选，行业里有类似声音出现，“社区团购大局已定，胜利属于美团、拼多多”。但4月下旬以来，美团优选被曝撤离西北多地和北京，多多买菜也被曝“关停并转”站点，多个低效团被关停或合并。

从爆发到撤退，社区团购已经走过了三年，“下一个撤城的是谁？”“社区团购到底行不行？”相比于这些猜想，身处其中的团长、供应商、仓储配送公司以及平台方相关负责人更关心，极速扩张可能产生的“后遗症”问题。

社区团购就像一部庞大而精密运转的机器，在它高速运转三年后，当电闸被突然拉下，这部机器上的核心齿轮不得不面对以下问题：

数以万计的团长该如何“安置”？ 供货商和网格仓该怎么办？ 平台方还能向谁要利润？ 一、撤城下的团长：“一夜醒来，平台走人，群聊解散” 近期，团长毕蕾经历了一次毫无准备的撤城。

她同时运营着两家社区团购平台，其中一家撤城当天，另一个家的营业额罕见破千，她在单个平台的单天收入终于破百。

但她一点也高兴不起来。一个平台撤退，对她来说，不仅是收入砍半，还意味着留下的平台愿意支付的 佣金、奖励，可能会持续减少 。

毕蕾家的商品堆满门口

在部分地区，社区团购的市场份额已经相对集中。以北京市场为例，关注社区团购的资深从业者、某创业公司总经理许东4月初曾对北京市场做过调研，从订单量来看， 多多买菜第一，美团优选第二 。

而团长收入在持续减少。许东了解到，北京市场上约有15000名团长， 大部分人的月收入在1000元-3000元之间，只有10%左右超过5000元。

团长收入的“天花板”或许更能说明问题。他提到，北京朝阳区最大的团长，一天收货1000件，销售额7000元左右，佣金平均6%，每天收入四五百元，月收入在1.5万左右，且这种收件规模一般需要两个人参与才能完成。

在社区团购这部机器上，团长作为齿轮运转的动力，赚取的是销售佣金和拉新奖励。这一角色不只是分销员和服务员，线上的拉新、建群，线下的提货、理货、处理退货、反馈商品质量，全部都要负责。大部分团长是个体商户，以自己的小门店如小超市、洗衣店作为提货点，还有个别团长是低楼层的业主，自己的家就是提货点。

赚钱多少，取决于团长负责区域的订单量、用户量。这就形成了一种局面：团长普遍兼做多个平台，有精力或有帮手的 “基本是有哪个做哪个”，在同一个群里给团员推各家的链接。

当平台陆续撤城，各地团长们的收入来源少了，佣金和奖励也随之减少。

广东佛山的刘栗回忆，她最早做丰巢旗下的巢鲜厨，佣金比例达到过20%，其间做千鲜汇（后被同程生活并购）、十荟团、橙心优选、京喜拼拼， 拉新奖励拿到手软 。这些平台收缩之后，她开始做美团优选、多多买菜、兴盛优选和淘菜菜，“现在的佣金比例勉强能到10%，有些连5%都不到”。

对于团长当前的佣金比例，许东了解到的数字是3%-8%。

如果说“降薪”是近一年多以来的大趋势，那平台撤退，从团长的视角看就是一夜之间的事。

一位团长回忆了她所经历的平台撤城过程。前一天她注意到，APP显示小区里的站点一个个减少；当天一早，见到送货司机询问情况，对方只是说，“商品都在核酸检测，过几天才能恢复营业”，此时APP已不能下单；上午10点多，她所在的团长群里有工作人员宣布停止运营，随后群被解散，几乎是同时间，她收到公众号消息，“本地区暂时停止服务”。

在千余公里以外的陕西西安，方娜已经对平台撤退见怪不怪。2020年上半年开始做团长的她，做过当地几乎所有平台，每当一个平台撤退，退货、售后的麻烦就要处理好一阵。

对于平台来说，撤退，就要快，就像程威所说，“平台撤城， 不用安置团长，只要不影响团长正常提现就行 。”

二、被忽视的合作商：网格仓还没回本，供货商赔本清仓 平台撤了，团长们或许不久就能恢复元气，毕竟投入也不太多，可能只是一台冰柜。

仓储配送公司和供应商，就没这么好运了。在社区团购这部机器里， 这是比较容易被终端消费者忽视、但投入颇高且昼夜运转的两个齿轮 。

社区团购平台不参与商品的采购，相当于一个“中介”。我们前一天在手机里下单，第二天就能到附近的自提点取货，其间商品的流通过程是，中心仓-网格仓-自提点。

第一个中转环节的中心仓是平台所建，平台一般会在每个区域或城市建一到两座中心仓（除兴盛优选布局共享仓-中心仓外，其他平台仅自营中心仓）。第二个中转的网格仓，由仓储配送公司建设/租赁并运营。

整个过程中，主要的商品运输、分拣、终端配送，基本均由供应商和仓储配送公司完成，而且大部分工作在夜间进行。

当平台撤城，等待他们的是什么？

一位曾在社区团购平台负责对接网格仓履约的拓展经理告诉开菠萝财经，平台在撤出一座城市前， 一般会提前一个月左右通知网格仓，并视情况“给一点补偿”。

“做网格仓的仓储配送公司，比较惨”，一位同城物流从业者对开菠萝财经表示，一个网格仓的前期投入要几十万。成本的大头是建设及管理网格仓，另外还有司机、分拣人员的计件工资。收入主要是平台按件支付的配送费用，以及一些补贴奖励。

他透露，近两年， 基本上五到七成的网格仓都是亏损的 ，网格仓老板都在想尽办法节省成本。

两位团长都提到，自己之所以主动放弃部分平台，就是因为配送环节“太抠成本”。有团长举了个例子，司机配送时，冻品不放保温箱，而是和其他品一样放在普通筐里，非常影响商品质量，容易引发退货甚至投诉。

今年以来， 一些持续亏损、缺乏动力的网格仓老板已经在找新的出路 。上述同城物流从业者注意到，有仓储、有同城物流的部分老板，已经成为连锁社区店的合作商，或是搭建自己的城市配送网络体系。

受到牵连的还有供应商。据媒体报道，同程生活、十荟团都曾在撤城后，被供应商上门讨要货款。

作为向社区团购这部机器供货的齿轮之一，供货商的收益是，刨除平台10%左右（不同平台、品类具体的扣点不同）的商品扣点外的销售所得，风险是库存和运输成本。 而囤货的供货商，库存成本、资金周转压力一直较大。

从竞争层面、提高利润的角度看，供应商都难逃囤货。

一位社团团购平台的运营透露，各个平台主要的供应商是同一波，平台跟谁合作、具体怎么合作，取决于供应商优先给谁供货。平台最需要的是量大、品全的供货商。

都知道社区团购的东西卖得便宜，要想有销量，就要适当降低终端销售的价格。而为了拿到更低的进货价，为了平摊运输成本、保证每个城市有足够的订单量，就得大批量进货。

一位给社区团购平台供应坚果的供应商提到，囤货是供应商的基本“素质”。平台方和招商不会承诺每天都能上，需要每天通过报名，因此不好预估备货量。备货少了，可能进货价高，备货多了，可能上架两天后，产品因不好卖会被列为“坑产”，招商不让卖，另找其他渠道便宜清仓是常有的事。

一旦平台撤城，对大大小小供应商的打击可想而知。一位给社区团购平台供应快消品的供应商表示， 库存里的临期商品只好赔本清仓 ，今年上半年，持续转给折扣仓、折扣店。

三、平台：从转攻为守到断臂求生 如果说撤城，对于社区团购这部机器上的齿轮来说是戛然而止，那对于平台方而言，就是完成撤退部署后的收尾动作。

从全国范围看，平台们的撤城动作始自2021年，也就是国家市场监管总局2020年年底提出“九不得”新规，叫停“一毛钱卖菜”的低价引流打法之后。但后续持续撤城，公认的原因是，各家每年都是百亿投入起步， 交着昂贵学费，却换不来规模盈利。

“新三团”2021年都没完成KPI。据《晚点 LatePost》报道，美团优选目标2000亿GMV，最终完成1200亿；多多买菜目标1500亿，完成800亿；橙心优选目标1000亿，但业务没坚持到年底。而淘菜菜目标1200亿GMV，只完成约200亿元。

前面说到中转的网格仓、终端的配送都是外包出去的，那社区团购平台到底亏在哪儿？“除了终端配送，其他环节，平台方都要参与，尤其是价格补贴。”许东总结，社区团购要培养用户的使用习惯与忠诚度， 没有价格补贴就没有订单 ，没有订单就没有数据，没有数据就没有投资。

要想继续留在牌桌上，必须要让投资人看到盈利的可能，想办法向机器上的“齿轮”要利润。

一位向社区团购平台供货的商家向开菠萝财经透露，今年以来，不但多个品类的商品扣点提高，平台还要求供应商自行补贴价格。

团长的收入与平台、城市、区域相关，但几乎所有团长，都在抱怨“被压榨”“不挣钱”。三位社区团购平台的团长运营表示，佣金降、奖励少， 许多老团长都离开了 。湖北武汉的冯莉莉见证了社区团购从爆发到集体收缩的两年，2021年下半年，她陆续从多家平台撤离，“这些平台的规则都在往一个方向调整，降低团长的佣金，拼命让团长拉新”。

上一个齿轮缺乏动力，就会给下一个齿轮带来摩擦。 作为机器打造者，平台需要不定期为齿轮上点油。

例如，有的平台尝试借用工具，提高团长的营销效率和下单率。

某头部社区团购平台产品经理左麟对开菠萝财经介绍， 平台在前面烧钱，尽可能地拓展到未辐射的社区去，而团长更多是在已影响到的社区内拉新 。“但我们内部注意到，许多团长每天都是躺平的状态，积极一点的团长，会拍点照片发发朋友圈。”方娜就是典型的例子，过去，积极运营社群，设立积分制、不定期免单活动，今年开始任由大家佛系下单。

一位社区团购平台的团长运营对开菠萝财经说， 段位高的团长已经利用平台打造自己的私域了 。一位曾为美团优选、多多买菜招募团长的地推公司负责人说，有IP的团长是从外面接高利润的货，或是做高毛利的生意，不再挣团购平台的钱。

去年底，左麟曾在内部负责过一款营销工具，针对团长痛点，帮助其一键发布朋友圈、提高下单率的宣传工具，应用后的反馈数据显示“效果不错”。

收益是有的，但对于巨头平台而言价值不大。从去年底，平台方的大刀终于砍向了自己。 社区团购业务线成了裁员重灾区，没有一个资本团能幸免。

社区团购是一个高频流量窗口， 能以很低的试错成本为原平台拉新，能与业务线多重组合 。“只是，黄金时期已经过去，当大环境变差， 大公司不能为了这一点鸡肋的收益，继续浪费巨大的人力 。”今年一季度，左麟跟着整条业务线被“优化”了，“整条线被砍去了六到八成，只需要留下维持运营的人员”。

最后，来看看巨头们折腾三年，当下的战况如何。

结合多位社区团购平台参与者的说法，从目前全国区域的市场份额来看，多多买菜第一，美团优选第二。老大老二的座次，相比上一年发生对调，不过在局部区域战争依旧激烈。多多买菜的强势区域依然是下沉市场，以及云贵川地区；在华中、华南以及东北一些城市，美团优选的单量还占优势。

“未来的机会属于亏钱扛得住、吃相又不太难看的平台。”许东总结。

一场长达两年之久的狂飙突进过后，如今过半平台已关停，这场大撤退还没结束，或许，更多隐藏的“后遗症”还将慢慢显现。

*应受访者要求，文中程威、方娜、刘栗、冯莉莉、左麟为化名。

 

作者：金玙璠；编辑：艾小佳

来源公众号：开菠萝财经（ID：kaiboluocaijing），关注直播电商、新消费，专注深度内容。

本文由人人都是产品经理合作媒体 @开菠萝财经 授权发布。未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。

给作者打赏，鼓励TA抓紧创作！

{{{path> 赞赏

编辑导语：AR已经在音乐领域实践了十几年，AR在音乐领域实践了那么久，AR距离改变音乐产业还有多远？本文就此问题做了分析和解答，一起来看看吧。 “AR是下一代计算平台”，这是罗永浩在解释自己为什么选择进军AR市场时，给出的一个理由。 “计算平台”四个字，意味着

编辑导语：AR已经在音乐领域实践了十几年，AR在音乐领域实践了那么久，AR距离改变音乐产业还有多远？本文就此问题做了分析和解答，一起来看看吧。

“AR是下一代计算平台”，这是罗永浩在解释自己为什么选择进军 AR 市场时，给出的一个理由。

“ 计算平台 ”四个字，意味着这是一个信息控制的中枢，比如现在的电脑和手机。发展到现在，我们都很清楚，电脑和手机给音乐行业带来的冲击有多大，它颠覆了一整套的商业逻辑，带来了一个前所未有的“范式转移”。

音乐领域里的AR实践已经持续十多年了，尽管受到技术发展的限制，AR技术在音乐领域相比“实用”更接近于“实验”，但零零散散的案例已经预示着，如果AR真的是下一代计算平台，它必然有可能像电脑或手机那样给音乐产业带来新的变化。

问题是，AR距离改变音乐产业还有多远？

一、什么是AR？ AR是 Augmented Reality 的缩写，翻译成中文是“增强现实”。从字面上就可以看出这种前沿技术的“实用场景”：存在于现实世界中的对象通过计算机生成的感知信息得到增强。

一般认为，AR 包含三个基本特征：真实和虚拟世界的结合、实时交互以及虚拟和真实对象的精确 3D 配准。

要理解这一点，或许我们可以先来看看一个视频。

视频是AR/VR团队Trixi Studios做的一个小实验，利用AR技术把A-HA的经典MV《Take On Me》在家里，把MV场景叠加到了现实中的家庭环境里。这是AR应用的一个实验性的场景，但AR能做的事情，远远超出这一个案例。

Augmented Reality 一词最初来自波音公司的研究人员托马斯·考德尔（Thomas P. Caudell）。工人们在飞机组装过程中遇到了问题，考德尔想到是否可以利用技术看透飞机的组装过程。

所以，有人说AR就像是物理世界的X光，你只需要一个AR设备，就可以物质所包含的结构和信息拆解出来。这有点像《七龙珠》里的能力探测器，也像电影《终结者》里机器人眼里安装的物体扫描仪，看到一个“人”，就知道是什么成分了。

但这仍然只是AR的使用场景之一。AR不仅可以看透一切，还可以“无中生有”，在现实中创造新的“景观”，比如让静态唱片封面动起来。

又比如，2018年，埃米纳姆（Eminem）推出了一个AR概念的APP，歌迷可以随时随地“召唤”出姆爷。

另一种“无中生有”是在现实中创造一个虚拟操作界面，人们无需实体按键也能够“空气作业”，这也是目前AR领域比较常见的实用化方向，它将会为人类带来新的交互方式，并因此衍生出更多的新玩法。

AR和 VR （Virtual Reality，虚拟现实）的不同之处就在于，AR是基于现实的增强，是虚拟和现实的融合，而VR进入的是一个完全虚拟的世界，当然，这两种技术也常常有交叉应用之处，于是又有了 MR （Mixed Reality，混合现实），AR、VR、MR统称为 XR （Extended Reality，拓展现实）

二、AR能给音乐带来什么？ 2010年，蕾哈娜（Rihanna）为歌曲《Who’s That Chick》的MV打造了AR体验，这是主流艺人里比较早尝试AR技术的例子。尽管这更像是一个薯片营销的噱头，但AR在音乐领域的实验已经陆陆续续进行十多年了。除了上面提到的埃米纳姆，Radiohead、Sigur Rós、张杰等都曾经尝试过AR技术。

张杰《未·LIVE》专辑实体版

目前看来，AR在音乐的应用上更多是一种AR创业团队或平台的营销手段，对于广大音乐人来说，AR暂时还不太实用。不过，一些跟音乐相关的实用性技术也在开发中，比如AR乐器教学。

AR能给音乐带来什么？从已有的案例看，AR在音乐上的应用场景，目前主要集中在以下四个方面：

1. 音乐现场 不久前，Live Nation宣布跟Snapchat合作，为一系列演唱会和音乐节推出AR体验。这是目前为止演出市场里较大规模的一次AR应用，而演出现场也正是未来AR技术的重要应用场景。

AR技术在演出市场里并不罕见，韩国偶像团体已经大量使用AR技术来营造奇幻的舞台效果，2020年，由于疫情的关系，国内外歌手纷纷做线上演出，让AR有了更多用武之地。比莉·艾利什（Billie Eilish）借助包括AR在内的XR技术所打造的线上演出给我们留下了深刻的印象。

埃米纳姆于2018年推出的AR概念APP，曾应用于科切拉音乐节等现场演出。不久前，Coldplay为Music Of The Spheres世界巡演推出了一个APP，该APP里也加入了AR技术。

2. 市场营销 在AR技术成熟之前，AR的营销价值要大过实用价值。除了演唱会的应用，目前音乐领域的AR应用大都以营销为主。比如网易云音乐就跟多个品牌合作过AR营销。

2019年，游戏引擎Unity为了推广自己，与说唱歌手孩子气的甘比诺（Childish Gambino）合作开发了一个叫Pharos AR的APP，通过这个APP，借助增强现实技术，你可以穿越一条神奇的隧道，进入一个神奇的“甘比诺宇宙”。

歌手们的AR营销多见于短视频服务，因为短视频的AR滤镜已经比较普及，推出艺人专属AR滤镜成为近年来常见的营销方式。

2020年，凯莉·米洛（Kylie Minogue）推出新专辑《DISCO》的时候，就与Instagram合作，在IG上搞了一场限时1小时的AR秀，同时推出“Disco Spirit滤镜”。Sam Smith也曾和Spotify合作，为他的新歌《Diamonds》制作了一个具有“裸眼3D”效果的AR视频。

3. 音乐教育 2017年，奥克兰交响乐坛曾经尝试过AR体验，观众可以一边看演出一边看到相应的乐谱。这对于乐迷来说，既是一种新体验，也是一种学习音乐的好方式。AR设备所实现的实时信息叠加，能帮乐迷更方便地探索音乐奥秘。

而在目前所有的音乐相关AR实践里，音乐教育是最值得期待的领域之一，AR很有可能给音乐教育带来颠覆性的教学方式。

一家日本公司曾经开发了一种教学全息影像，用户借助AR眼镜可以在全息影像的陪伴和指导下学习钢琴。这就意味着，或许有一天，郎朗能以虚拟分身的方式来给普通人教琴。

而且，在帮助音乐初学者更容易掌握技巧上，AR有着很大的应用空间。AR能够给音乐教学带来虚实结合的视觉引导，让音乐学习变得更加直观和有趣。曾经获得微软HoloLens应用开发冠军的Music Everywhere便是这样一个AR音乐教学应用。打开应用，会出现一个虚拟向导和乐队，一步步引导用户去学习音乐。

4. 交互方式 AR的魅力在于，它在创造新奇观的同时，也带来新的交互方式。后者具有更强的实用性，但由于技术要求较高，发展相对比较缓慢。

2017年，Magic Leap与Sigur Rós合作研发一个交互式音乐体验项目。就像Magic Leap的很多项目一样，Sigur Rós这个项目最终也不了了之，但该项目的交互方式给我们提供了一个思考的方向。

2019年，Spotify推出AR歌单，用户可以借助AR/VR眼镜，把虚拟歌单布置在家里任何地方。去年，乐高和环球音乐合作推出了一个面向7-10岁儿童的音乐短视频服务VIDIYO，这个短视频服务最酷的一点是利用AR技术把乐高积木自动转换成动态视频，配上音乐，就是一支MV。

奇观和交互的结合也将给一些传统媒介带来新玩法。2019年，张杰的专辑《未·LIVE》实体版就使用了AR技术，给平面设计带来立体影像。2021年，芬兰一家科技公司借助AR技术推出了“虚拟实体唱片”，在AR的帮助下，流媒体上播放的专辑，可以转变为虚拟的实体唱片播放。

此外，MV和AR的结合也是一个可以预见的趋势，只不过，AR成像需要终端支持，上述一切能否真正影响音乐行业取决于AR设备的普及。

三、AR距离改变音乐产业还有多远？ 互联网给音乐带来的根本变化是什么？是把过去以实体产品形态示人的音乐变成了数据流，从此，音乐可以跟任何一种数字技术融合，并因此改变了音乐生态。这种改变，在智能手机时代表现得格外明显。智能手机所创造的“移动化场景”，甚至还最终完成了电脑没能完成的任务：拯救音乐产业。

假如AR成为新的计算平台，作为数据流的音乐，其传播模式、输出机制和分发渠道无疑将再次发生改变。

相比手机或电脑，AR把信息处理带入了三维空间。从二维到三维，数据处理将会出现指数级增长，随之而来的是难以想象的新场景。一旦AR眼镜取代手机和电脑，成为新的信息控制终端，整个产业链条向AR技术转移，音乐市场的变化，将不仅仅只是奇观和交互那么简单了。

看看音乐产业发展的历史就知道了，每一次新媒介变革都会改变市场格局。电台给音乐产业带来了CBS、磁带和CD带来了索尼、互联网带来了苹果公司、流媒体带来了腾讯。AR时代无疑也将会诞生自己的Spotify，同时也会带来新的搅局者。

问题是，这一天什么时候到来？罗永浩给出的答案是“五年左右”。罗永浩说的“五年左右”是AR商业化条件基本成熟的时间点，但参照音乐产业的发展史， 新终端 达到一定消费量级便足以影响产业格局。

券商申万宏源认为，如果把AR定位为下一代终端，类比智能手机出货节奏，预计VR/AR硬件将在2025年首次突破1亿台。 1亿 是一个什么概念？1920年代末，收音机使用者超过1亿的时候，广播公司RCA吞并了唱片业的祖师爷胜利唱机公司，1992年，索尼随身听卖出1亿台的时候，索尼已经通过收购CBS唱片成立了索尼音乐。

AR技术的特殊性在于，无论奇观还是交互，都需要相关技术和设备的支持，这涉及复杂的技术栈和产业链，任何一个节点的技术缺陷，都有可能阻碍市场的发展。不说别的，AR所需要的光学成像技术到现在仍然没多成熟，也难怪何同学在试用了几款主流AR眼镜之后说：“就好像长大了才发现世界并没有奥特曼。”

AR还不是奥特曼，但已经看到光了。不完全统计，2018年以来，先后有近20款AR眼镜发布，国内的AR眼镜产商Rokid已经开始布局自己的开发者生态。而且，在这个新市场里，闻风而动的不只有罗永浩，还有腾讯、字节跳动和苹果公司这样的巨头。传闻中，苹果的首款MR头盔将在2023年第二季度发布，这或许将成为AR市场走向普及的新起点。

总有一天，你会戴着AR眼镜去音乐节现场，看到各种奇幻场景、感受各种新鲜体验，也会戴着AR眼镜听音乐、学音乐、做音乐，音乐产业的故事也将由此改写。

 

作者：亿谦；微信公众号：新音乐产业观察（ID：takoff）

原文链接：https://mp.weixin.qq.com/s/dEuDxZffttOWRMnOv85XlA

本文由@新音乐产业观察 授权发布于人人都是产品经理，未经许可，禁止转载，

题图来自Unsplash，基于CC0协议

本文从确定目标价值、构建体系、优化交互细节等几个方面来阐述雅座收银的体验优化之路，多角度体现产品的性格：高效、简洁、可靠。 拓展阅读 [link ht...

本文从确定目标价值、构建体系、优化交互细节等几个方面来阐述 雅座收银 的体验优化之路，多角度体现产品的性格：高效、简洁、可靠。

拓展阅读

B端案例实战！如何搞定数据生产后台的体验优化？ 项目背景 我们给用户提供的是一款专业资料查询阅读的 App，用户最看重的是资料覆盖是否全面，内容是否严谨。

阅读文章 >

B站雅座收银POS升级地址： https://www.bilibili.com/video/BV1av4y1M7Gv

雅座收银 POS 是微盟智慧餐饮业务矩阵中的一款基建产品，主要用于门店的点餐收银。随着业务和产品的发展需求，雅座收银 POS 迫切的需要进行一次体验优化升级。因此在保证存量客户的使用习惯前提下，我们将核心营业模块进行了升级改造。

本文将根据下图的叙事结构，从确定目标价值、构建设计体系、优化交互细节等几个方面来阐述雅座收银的体验优化之路，多角度体现雅座收银的产品性格——高效、简洁、可靠。

背景与目标 1. 项目背景

2021 年由于业务与团队的迅速扩张，现有的收银 POS 难以承载持续增加的用户需求。并且由于历史问题产品缺乏设计规范，导致整个开发过程中基于此类的问题不断凸显出来，而我们的用户对于产品体验也有了更高的诉求。基于这样的问题现状，可以直观感受到问题主要表现在 4 个显性维度：

「设计维度」：由于产品缺乏基础设计规范，在迭代过程中，用户体验无法保持一致性，用户操作感受与学习成本会不断增加。并且没有前期的设计沉淀，设计侧在接新需求的时候要花更多的时间去应对项目。 「研发维度」：基于“设计维度”的规范缺乏问题，直接导致研发侧组件代码碎片化严重，存在重复造轮子的情况。并且多数组件并未封装开发，导致一个弹窗出现在 5 个地方长相都不同，产品的质量难以保证。 「测试维度」：基于前面两个维度做的不到位，导致测试每次迭代发版都需要重复走查，增加了很多工作量 「产品维度」：前面 3 个维度的问题直接就会导致产品的版本迭代效率低，也会导致用户需求排期时限不断拉长，不利于产品的快速成长。 所以通过分析得出，如果基础的标准化规范以及操作标准，未构建好并有效的落地，前期为了满足业务快速成长的需求，这样做看不出大问题。产品进入快速成长阶段后，就会发现这样的问题会严重影响到产品的迭代成长。

2. 改版目标

基于以上问题，我们明确当前的改版目标从业务角度出发，要关注两个点

提升产品一致性 提升用户体验度

问题调研 对于一款进入稳定期的 ToB 产品，决定做大规模的专项优化时，首先需要明确待解决的问题类型，即我们上一节说的改版目标，其次针对类型给出解决方案。因此，我们必须弄清楚 3 件事：

是谁在用———-了解用户 有什么问题——-知己-产品现状拆解 人家怎么做的—–知彼-竞品分析 1. 了解用户 在项目初期，首先就同产品、运营等伙伴沟通用户的具体情况，我们了解到用户构成主要以年轻的女性群体为主，从用户使用产品时的工作环境、工作状态、工作情绪 3 个维度来了解实际使用场景，一句话概括：门店服务员在嘈杂的就餐环境中使用产品进行门店运营，并且饭点期间的工作状态是忙碌而迅速，在此期间的工作情绪也是烦躁、压力大。

那么针对这些用户面临的问题，映射在 产品优化 里的时候也是我们需要关注的点。

2. 知己–产品拆解 对于产品本身整体框架的拆解以及页面的梳理分析非常重要，我们在拆解的时候主要围绕三个维度进行拆解梳理，这样在问题梳理的时候可以更有侧重点的去发现问题。拆解前可以这样提问：

「交互」是否便捷高效？

「视觉」是否规范一致？

「体验」是否符合认知？

核心场景

本次优化，我们需要明确重点优化的核心场景链路，就是开台>点餐>结算这个流程。优化的侧重点也从这 3 个点切入。

问题归纳

明确了核心场景后，就开始问题梳理。去操作产品的每个步骤，记录问题点。可以是体验流程、交互细节或者是视觉问题。然后将其记录到表格当中，方便后期进行问题解决跟踪。

记录问题的同时也要思考已知的问题应该如何去优化

视觉层拆解

我们将整个产品视觉层面分别从原子、分子、组件、页面类型四个维度进行拆解。通过这样的方式将颜色、字体等基础规范到弹框、导航、输入框等组件一一归纳。由此我们对现有的视觉层面的问题基本一目了然，后期优化侧重点也基本明确了方向。

3. 知彼–竞品分析 前文中我们对于产品的拆解已经完成，明确了问题的核心点。在具体方案设计前，我们可以带着在自我拆解过程中发现的已知问题，去做竞品分析。

竞品分析是选取行业内龙头企业的产品 2-3 个即可，梳理已被市场验证的页面结构、操作流程以及场景业态，思考哪些亮点是我们可以借鉴的。

经过针对性的竞品分析，我们可以提炼出一些不错的设计准则或者交互方式运用到我们的优化当中

比如分析过程中发现，常规的终端产品数字按键通常为方形，以及桌台、菜品等卡片设计对采取的信息左对齐的方式，那么在后期优化的过程中就可以代入该方案。

问题汇总

通过以上的问题梳理后，大致的问题已经归类了出来。这时拉上产品、研发人员一起开会，阐述产品面临的问题，以及一些解决方案的初步设想。这样的目的主要是达成团队的共识，意识到项目体验优化这件事的价值。

经过整理分析，雅座收银的主要问题分为 3 大类

问题 1.交互层–效率低

效率低下是 B 端产品要尽量避免的一点。我们在梳理产品的过程中可以发现很多操作就有这样的问题，最明显的就是弹框。

很多居中的弹框并不能承载过多的内容，因此在一些高频操作里就需要去滑动弹窗进行选择。另外就是很多高频操作的操作路径过长。尤其是目前使用的终端机器屏幕很大，如果操作路径过长，很大程度上就会降低了操作效率。

问题 2.视觉层–层级乱

层级乱主要是信息模块的划分过于混乱，这一点在最核心的点餐页面体现的尤为明显。总结下就是以下 2 点：

多数的信息卡片（桌台、菜品卡片）布局采用居中对齐的方式，导致各种字段无法合理排列 旧有模式通过色块区分不同信息源，造成了不必要的视觉干扰 问题 3.体验层–不明确

尼尔森十大设计原则里的第一条–反馈原则，是非常影响使用体验的一个点，然而在我们现有产品中，很多操作并没有给予明确的提示反馈。对于用户来说，使用困惑与学习成本无疑成倍的增加了。

用超多案例，帮你掌握尼尔森十大设计原则（上） 对于尼尔森原则，很多人应该并不陌生，但是并没有系统的了解过。

阅读文章 >

用超多案例，帮你掌握尼尔森十大设计原则（下） 对于尼尔森原则，很多人应该并不陌生，但是并没有系统的了解过。

阅读文章 >

因此，针对以上这些显性问题，展开了对产品的体验优化工作。

设计策略 对于现存问题达成一致认可后，团队又讨论定义了雅座收银的产品性格关键词，用 3 个关键词概括：高效、简洁、可靠。后期整个产品是优化方向会紧紧围绕 3 个关键词展开。

「高效」设计规范建立、组件封装开发，更少的滑动操作、更短的操作路径。 「简洁」信息模块重新布局、去除不必要的视觉元素，进行视觉降噪提升信息可读性。 「可靠」提升用户的操作体验，任何操作反馈明确可知，给予用户可控感。

设计方案 1. 高效–视觉层 高效的构建主要体现在两个层面，视觉层+交互层。因此前期构建产品的规范，保持产品一致性是需要首要完成的任务，所以先从基础规范的构建开始。

色彩规范

雅座的品牌色为口碑橙，颜色上还是沿用了原先的主色调，然后利用 HSB 取值方式，保持 S 和 B 不变，H 的数值为 15 递增的方式，推导出 24 色带，然后进一步筛选后我们就可以得到基于品牌色明度、饱和度一致的 16 个辅助色板。

定义出最常用的色彩

原始色彩提取后，可以建立对应的拓展色板。整个产品所有用色都从拓展色板提取，保证了规范的一致性。并且前期优化的时候就可以让开发给每个颜色定义好相对应的名字（暂时只定义 1、2、6、8 的色值，其他的配色日常设计使用即可），方便开发过程中直接通过名字调用颜色

比如不同的黑色，我们可以取名 Black15 Black25 Black45 等等，使用时直接名字调用即可。

原子理论

为了使产品构建更具备规律可循，雅座收银 POS 运用了原子理论做设计，采用了 8 为最小模数进行布局设计，所有的模块、间距、大小遵循 8 的规律进行延展布局，使界面具备动态的韵律感。并且在开发过程中，也遵循 8 的准则进行界面布局，使产品视觉层更具备一致性。在与开发沟通的过程中，也直接告知对方，所有的间距都是基本 8 的倍数设置，降低了沟通成本。

由此，整个产品就像搭积木一样构建起来。

框架布局

用户的核心诉求就是迅速的开台>点餐>结算，因此页面的信息布局+功能架构上，我们紧紧围绕高效这个关键词展开优化。

在框架布局方面基本和之前类似，保持了一屏一列、一屏两列、一屏三列的布局模式。对比原来的布局方式，本次在整体结构的细节上做了更细致的调整。定义好模块的间距、模块与模块之间的距离，8 的增量进行布局。无论界面怎么变化，都是基于这样的三个框架规范去填充内容。在开台界面，依旧是保持了一屏一列的模式，整体属于一块信息，里面切割成无数的小桌台卡片。

进入到点餐页面的时候，就是一屏两列的布局。整体主要呈现了两块信息，购物车+菜品列表的操作模式。

下单成功后，就是常见的一屏三列。呈现了 3 块信息，从左往右操作步骤递增的模式。

栅格系统

8000多字！超全面的栅格系统入门手册！ 栅格的前世今生 产品设计从理解用户到定义问题，再到探索方案并输出草图乃至视觉稿，每一个阶段都关系到一个产品的成败。

阅读文章 >

原先的产品并没有运用栅格系统，导致在不断的迭代过程中，整个产品的规范逐渐偏离。在本次优化中，我们一并优化进去。

前面定义的最小原子为 8，我们在构建栅格的时候在 8 的基础上 8 划分页面。边距和水槽都为 24px。基于这样的设计规则，后面的产品迭代优化才能更具备规范性。

2. 高效–交互层 弹框优化

弹框是产品使用过程中出现频率非常高的一个组件，原先的弹框都采用居中弹框的形式，那么居中弹框最大的问题就是，当前选择过多的时候，可展示区域是有限的，增加了滑动操作

针对这个问题，我们给出了这样的设计策略：保持弹窗的操作形式不变，将居中弹框改为侧滑弹框，这样可以最大化的利用屏幕空间，尽可能多的展示可选项，减少滑动操作。

在点餐环节选择菜品的做法规格等操作时，弹框内的按钮选择数量至多可增加 33%以上，最大化的展示可选项数量，提高点餐人员的工作效率。

键盘

键盘是整个收银产品中使用频率非常高的一个组件。

原先的键盘都是圆形按钮，经过竞对分析，会发现常规的终端类产品按键都为方形。因此保持原先键盘的体积不变的前提下，优化后的按键可点击区域增加了 50%，降低误操作的概率。

并且针对收款环节的操作习惯将数字布局进行重新调整，使其排列顺序更加符合收银场景下的数字排列方式，同时最大化收款按键面积，合理规划收银键盘的布局方式。

输入表单

在我们原先的产品里还有个问题，就是表格填写查看的过程中，由于表头未对齐，整个视觉动线一直在来回切换。

针对这个问题，本次优化的时候就将表头文字统一进行了右对齐，这样用户进行表单填写查看的时候可以一条直线由上而下的查看，快速定位到填写内容。

即使填写的表单内容很多，也能高效的填写与查看表单内容。

操作路径

原先产品里多处使用场景当中，组件选择的都不恰当，直接就导致了整个用户操作路径非常的长。

通过下图我们看到选择一个订单状态，操作路径基本是贯穿了整个屏幕。因此，我们将原先的居中弹框改为下拉选择弹框，直接将操作路径缩短了 50%以上，减少用户在使用过程中手指移动的距离。

3. 简洁 左对齐卡片设计

对于原有产品的界面，桌台和点餐界面的卡片都采用了居中对齐的方式，这样做直接导致很多信息排不下，并且会出现卡片上下左右四个角都是角标，降低了信息的可读性。

带着这样的问题，在竞品分析过程中，我们发现了采用左对齐卡片式设计的方式要优于原有的居中对齐方式。

因此我们将信息归类，菜品和桌台类字段居于左侧，而角标类标记全部位于卡片的右侧。经过这样的调整优化，整个信息的展示可读性高于原先的布局方式，并且字段和标签进行了分类，也不会拥挤在一起。

留白去线视觉降噪

对于不同信息源，原有的处理方式是通过灰色背景的方式来区分，而这样做的问题是，当信息源过多的时候整个数据列表会失去重点，都是重点=没有重点。

因此我们采用字号对比、画面留白等方式进行信息模块的区分，去除不必要的视觉干扰。

规范金额单位使用

在收银产品当中，涉及到金额展示的地方非常多。原先的展示规则比较随意，我们并不能找到金额单位的使用规律。问题集中出现的地方：

部分页面价格不带「￥」单位 价格确定到小数点几位不明确 单位与数字的大小比例关系随意

因此优化的时候对于金额单位我们也做了总结分类，大致可以分为 3 类，根据出现的类型定义好金额的使用单位。

4. 可靠 容错&防错机制

根据尼尔森十大设计原则中对于容错原则的描述：无论错误场景设计的多好看，都不如在第一时间防止用户发生错误；该原则强调，产品需要有防错机制。

可靠这个特质对于 B 端产品来说是必不可少的。而在分析原先产品问题的时候就发现，产品的容错和防错做的不够到位。因此，我们对于一些输入环节增加了信息预判，避免用户输入完成后才给出错误提示，降低用户误操作的成本。以及一些输入的操作，例如标签、选择后的优惠券等等，可直接删除已选标签，给予用户一定的容错能力。

操作可知 反馈明确

1）无论当下操作是在加载中还是加载失败，第一时间给予用户明确的反馈，是非常重要的一件事，时刻给用户一种安全可靠的操作体验，明确当下的行为以及导致的行为结果。所以在桌台选择的处理方式上，我们增加显示了已选中的桌台名称，桌台信息+执行动作，明确告知用户当前已选的桌台以及将要执行的动作。

2）其次就是加载中的按钮的要给予一个明确状态。如果点击后的操作仍在执行中，我们没有给予反馈，就会使用户认为点击无效从而不停的点击，加重卡顿的情况。

文案描述精准

对于单一操作的确认文案，优化后更加精准。通过”确认 XX”和“暂不 XX”这样的文案融入到按钮当中，在执行的时候可以更加明确当前要执行的内容。例如要选择使用一张优惠券，我们就可以描述为“确认抵扣”或者“暂不抵扣”，从字面理解上来说，也会比单纯的：确认、取消“描述更精准。

设计沉淀 1. 规范搭建

在设计过程中，我们搭建了一套雅座收银 POS 的产品设计组件、并制定了相应的设计规范。保证后期产品迭代的一致性。

2. 开发提效

开发将常用的字号、色彩、圆角等属性定义好名字，在开发过程中直接通过名字调用构建样式。即使多人协作的情况下也能尽可能保证样式的一致性。

3. 宣发创意视频

由于本次产品更新的点比较多，为了让商户以及我们的客服团队能够更好更快的理解产品更新点。还额外做了配套的宣发视频用于介绍。

B站观看地址： https://www.bilibili.com/video/BV1av4y1M7Gv?share_source=copy_web

上线反馈 产品上线后，从视觉到交互得到了一次全新的提升，对比之前的版本系统性能和流畅度分别提升了 14%和 24%。

上线后来自内部和外部的反馈都是不错的。对于商户来说，学习的成本很低。因为在优化的同时大部分保持原有的操作习惯，整体视觉的改版上的反馈也是清爽了很多，上手简单。

项目小结 1. 流程沉淀

项目做完后，在整个产品优化过程中，无论是前期的问题调研，初步基础规范样式构建，还是后期的交互细节优化落地，我们始终都是围绕着，如何做一款更易用的收银工具为设计核心，进行产品的优化升级。

整个优化流程看起来好像工作量比较多、比较复杂，其实我们通俗的理解，就好像去医院看病医院，一共分为 4 个步骤去理解，查病因>写病历>动手术>去复查。

然后针对每个关键步骤，拆解出细分的行动计划，对应到我们整个 B 端产品的优化流程当中逐个击破。

2. 写在最后

微盟智慧餐饮的愿景是“数字餐饮，智慧生活”。雅座收银作为全场景一体化数字化解决方案中非常重要的”根产品”，始终围绕着如何做一款更易用的收银工具为核心，让门店整体运营状态更高效，同时提升营业人员在工作过程中的使用体验。助力餐饮企业实现真正的降本增效，而这也是收银产研团队一直在共同践行的目标。

欢迎添加作者的个人微信交流：

2019 年年末，58UXD 重新整理了 58 同城的设计规范，在原有基础上将组件扩展到了 20 种，覆盖了 532 种组件状态以及接近 1000 枚的图...

2019 年年末， 58UXD 重新整理了 58 同城的设计规范，在原有基础上将组件扩展到了 20 种，覆盖了 532 种组件状态以及接近 1000 枚的 图标 。在 2020 年将其正式更名为「LOCO Design System」，从此开始，这套设计系统支撑了 58 同城各业务线的日常迭代，成为协同各业务线设计部提升设计一致性的重要纽带，无缝链接用户、设备、场景的载体和触点，为用户提供完美的生活服务体验。

大厂组件：

有哪些组件值得学习？我梳理了8个大厂的设计组件！ 设计组件作为设计系统里的组成部分，可以说是构成这个系统最基础也是最实用的部分了。

阅读文章 >

「LOCO Design System」包含了大量的可复用资源，如 icon、全局样式、基础组件、布局、导航、输入等，可用来快速搭建的界面设计，大大提升 UXD 设计师的效率。

目前，「LOCO Design System」已集成到 58 自研的产品风火轮上，大家可以下载风火轮的 Sketch 插件即可拖拽设计资源到画板上进行编辑。

风火轮除了承载设计资产以外，还可以可通过 Sketch 插件上传设计稿到风火轮协作平台，实现标注和代码解析，可直接链接分享给产品和开发。下面我就来介绍下这款神器。

为设计者提升工作效率的 Sketch 插件，轻松调用「LOCO Design System」 通过 Sketch 插件进入设计师的工作流程，聚合设计资产，解决设计规范落地、设计资产可视化承载，提升设计规范和设计资产的使用率，增强资源共享避免重复设计。目前为止 sketch 插件可以承载 icon 库、组件库、场景库、插画库、基础运营库资源。大家可以通过我们的制作要求，上传自己的规范。

1. 组件资源-icon/色彩/组件/场景/插画

主要承载 58 集团「LOCO Design System」的设计规范和设计资产，供全体设计师共享使用。

2. 自有组件库快速生成

可自己制作组件 Library，导入风火轮 Sketch 插件。导入的组件 Library 需遵循《本地 Library 资源制作规范》。

3. 上传设计稿

可通过风火轮 Sketch 插件上传设计稿到风火轮协作平台，实现标注和代码解析，可直接链接分享给产品和开发同学。

设计师、产品、研发多角色一站式协同平台，设计稿在线可视化 通过风火轮协作平台进行团队管理，团队资产、项目管理，实现设计稿在线标注解析，供研发同学在线查看研发。同时还生成各种前端代码，供前端同学复制使用，缩短研发同学的工作路径，提升工作效率的同时顺应市场潮流，实现从设计到代码的愿景。

团队与项目

风火轮协作平台的团队项目，采用团队—（文件夹）—项目—分组—画板的层级进行设计稿的管理。 项目是从属于团队的。想使用项目相关功能，需要先创建/加入一个团队。为便于管理，一个团队下可建立多个项目。

项目文件管理

项目可存在于任何一级文件夹下。团队成员均可进行项目管理。项目文件中承载了项目中的全部内容（设计稿、切图、源文件、代码等）。

多方协作-编辑器

编辑器页面可进行设计稿画板标注/代码信息查看、设计图/切图下载。每个画板提供了标注模式和代码模式两种视图。

在标注模式下，可以查看图层的尺寸、位置、字体、文本内容、样式等信息，可以复制并使用标注样式代码；如果是切图，则可以下载对应的不同尺寸、格式的图片。 在代码模式下可查看平台解析当前画板，所生成的全部代码，可一键复制使用。

代码生成

在上传设计稿时选择生成代码，在协作过程中，平台会展示，整个设计项目的全部代码，供研发同学使用。我们目前生成的代码，高精度的还原了设计稿。

对于不同规模的产研团队，风火轮都没有任何的费用。良心的免费设计神器，大家快来解锁吧！

风火轮官网： https://fhl.58.com ，下载插件，获取 LOCO Design 的源文件

本文从确定目标价值、构建体系、优化交互细节等几个方面来阐述雅座收银的体验优化之路，多角度体现产品的性格：高效、简洁、可靠。 拓展阅读 [link ht...

本文从确定目标价值、构建体系、优化交互细节等几个方面来阐述 雅座收银 的体验优化之路，多角度体现产品的性格：高效、简洁、可靠。

拓展阅读

B端案例实战！如何搞定数据生产后台的体验优化？ 项目背景 我们给用户提供的是一款专业资料查询阅读的 App，用户最看重的是资料覆盖是否全面，内容是否严谨。

阅读文章 >

B站雅座收银POS升级地址： https://www.bilibili.com/video/BV1av4y1M7Gv

雅座收银 POS 是微盟智慧餐饮业务矩阵中的一款基建产品，主要用于门店的点餐收银。随着业务和产品的发展需求，雅座收银 POS 迫切的需要进行一次体验优化升级。因此在保证存量客户的使用习惯前提下，我们将核心营业模块进行了升级改造。

本文将根据下图的叙事结构，从确定目标价值、构建设计体系、优化交互细节等几个方面来阐述雅座收银的体验优化之路，多角度体现雅座收银的产品性格——高效、简洁、可靠。

背景与目标 1. 项目背景

2021 年由于业务与团队的迅速扩张，现有的收银 POS 难以承载持续增加的用户需求。并且由于历史问题产品缺乏设计规范，导致整个开发过程中基于此类的问题不断凸显出来，而我们的用户对于产品体验也有了更高的诉求。基于这样的问题现状，可以直观感受到问题主要表现在 4 个显性维度：

「设计维度」：由于产品缺乏基础设计规范，在迭代过程中，用户体验无法保持一致性，用户操作感受与学习成本会不断增加。并且没有前期的设计沉淀，设计侧在接新需求的时候要花更多的时间去应对项目。 「研发维度」：基于“设计维度”的规范缺乏问题，直接导致研发侧组件代码碎片化严重，存在重复造轮子的情况。并且多数组件并未封装开发，导致一个弹窗出现在 5 个地方长相都不同，产品的质量难以保证。 「测试维度」：基于前面两个维度做的不到位，导致测试每次迭代发版都需要重复走查，增加了很多工作量 「产品维度」：前面 3 个维度的问题直接就会导致产品的版本迭代效率低，也会导致用户需求排期时限不断拉长，不利于产品的快速成长。 所以通过分析得出，如果基础的标准化规范以及操作标准，未构建好并有效的落地，前期为了满足业务快速成长的需求，这样做看不出大问题。产品进入快速成长阶段后，就会发现这样的问题会严重影响到产品的迭代成长。

2. 改版目标

基于以上问题，我们明确当前的改版目标从业务角度出发，要关注两个点

提升产品一致性 提升用户体验度

问题调研 对于一款进入稳定期的 ToB 产品，决定做大规模的专项优化时，首先需要明确待解决的问题类型，即我们上一节说的改版目标，其次针对类型给出解决方案。因此，我们必须弄清楚 3 件事：

是谁在用———-了解用户 有什么问题——-知己-产品现状拆解 人家怎么做的—–知彼-竞品分析 1. 了解用户 在项目初期，首先就同产品、运营等伙伴沟通用户的具体情况，我们了解到用户构成主要以年轻的女性群体为主，从用户使用产品时的工作环境、工作状态、工作情绪 3 个维度来了解实际使用场景，一句话概括：门店服务员在嘈杂的就餐环境中使用产品进行门店运营，并且饭点期间的工作状态是忙碌而迅速，在此期间的工作情绪也是烦躁、压力大。

那么针对这些用户面临的问题，映射在 产品优化 里的时候也是我们需要关注的点。

2. 知己–产品拆解 对于产品本身整体框架的拆解以及页面的梳理分析非常重要，我们在拆解的时候主要围绕三个维度进行拆解梳理，这样在问题梳理的时候可以更有侧重点的去发现问题。拆解前可以这样提问：

「交互」是否便捷高效？

「视觉」是否规范一致？

「体验」是否符合认知？

核心场景

本次优化，我们需要明确重点优化的核心场景链路，就是开台>点餐>结算这个流程。优化的侧重点也从这 3 个点切入。

问题归纳

明确了核心场景后，就开始问题梳理。去操作产品的每个步骤，记录问题点。可以是体验流程、交互细节或者是视觉问题。然后将其记录到表格当中，方便后期进行问题解决跟踪。

记录问题的同时也要思考已知的问题应该如何去优化

视觉层拆解

我们将整个产品视觉层面分别从原子、分子、组件、页面类型四个维度进行拆解。通过这样的方式将颜色、字体等基础规范到弹框、导航、输入框等组件一一归纳。由此我们对现有的视觉层面的问题基本一目了然，后期优化侧重点也基本明确了方向。

3. 知彼–竞品分析 前文中我们对于产品的拆解已经完成，明确了问题的核心点。在具体方案设计前，我们可以带着在自我拆解过程中发现的已知问题，去做竞品分析。

竞品分析是选取行业内龙头企业的产品 2-3 个即可，梳理已被市场验证的页面结构、操作流程以及场景业态，思考哪些亮点是我们可以借鉴的。

经过针对性的竞品分析，我们可以提炼出一些不错的设计准则或者交互方式运用到我们的优化当中

比如分析过程中发现，常规的终端产品数字按键通常为方形，以及桌台、菜品等卡片设计对采取的信息左对齐的方式，那么在后期优化的过程中就可以代入该方案。

问题汇总

通过以上的问题梳理后，大致的问题已经归类了出来。这时拉上产品、研发人员一起开会，阐述产品面临的问题，以及一些解决方案的初步设想。这样的目的主要是达成团队的共识，意识到项目体验优化这件事的价值。

经过整理分析，雅座收银的主要问题分为 3 大类

问题 1.交互层–效率低

效率低下是 B 端产品要尽量避免的一点。我们在梳理产品的过程中可以发现很多操作就有这样的问题，最明显的就是弹框。

很多居中的弹框并不能承载过多的内容，因此在一些高频操作里就需要去滑动弹窗进行选择。另外就是很多高频操作的操作路径过长。尤其是目前使用的终端机器屏幕很大，如果操作路径过长，很大程度上就会降低了操作效率。

问题 2.视觉层–层级乱

层级乱主要是信息模块的划分过于混乱，这一点在最核心的点餐页面体现的尤为明显。总结下就是以下 2 点：

多数的信息卡片（桌台、菜品卡片）布局采用居中对齐的方式，导致各种字段无法合理排列 旧有模式通过色块区分不同信息源，造成了不必要的视觉干扰 问题 3.体验层–不明确

尼尔森十大设计原则里的第一条–反馈原则，是非常影响使用体验的一个点，然而在我们现有产品中，很多操作并没有给予明确的提示反馈。对于用户来说，使用困惑与学习成本无疑成倍的增加了。

用超多案例，帮你掌握尼尔森十大设计原则（上） 对于尼尔森原则，很多人应该并不陌生，但是并没有系统的了解过。

阅读文章 >

用超多案例，帮你掌握尼尔森十大设计原则（下） 对于尼尔森原则，很多人应该并不陌生，但是并没有系统的了解过。

阅读文章 >

因此，针对以上这些显性问题，展开了对产品的体验优化工作。

设计策略 对于现存问题达成一致认可后，团队又讨论定义了雅座收银的产品性格关键词，用 3 个关键词概括：高效、简洁、可靠。后期整个产品是优化方向会紧紧围绕 3 个关键词展开。

「高效」设计规范建立、组件封装开发，更少的滑动操作、更短的操作路径。 「简洁」信息模块重新布局、去除不必要的视觉元素，进行视觉降噪提升信息可读性。 「可靠」提升用户的操作体验，任何操作反馈明确可知，给予用户可控感。

设计方案 1. 高效–视觉层 高效的构建主要体现在两个层面，视觉层+交互层。因此前期构建产品的规范，保持产品一致性是需要首要完成的任务，所以先从基础规范的构建开始。

色彩规范

雅座的品牌色为口碑橙，颜色上还是沿用了原先的主色调，然后利用 HSB 取值方式，保持 S 和 B 不变，H 的数值为 15 递增的方式，推导出 24 色带，然后进一步筛选后我们就可以得到基于品牌色明度、饱和度一致的 16 个辅助色板。

定义出最常用的色彩

原始色彩提取后，可以建立对应的拓展色板。整个产品所有用色都从拓展色板提取，保证了规范的一致性。并且前期优化的时候就可以让开发给每个颜色定义好相对应的名字（暂时只定义 1、2、6、8 的色值，其他的配色日常设计使用即可），方便开发过程中直接通过名字调用颜色

比如不同的黑色，我们可以取名 Black15 Black25 Black45 等等，使用时直接名字调用即可。

原子理论

为了使产品构建更具备规律可循，雅座收银 POS 运用了原子理论做设计，采用了 8 为最小模数进行布局设计，所有的模块、间距、大小遵循 8 的规律进行延展布局，使界面具备动态的韵律感。并且在开发过程中，也遵循 8 的准则进行界面布局，使产品视觉层更具备一致性。在与开发沟通的过程中，也直接告知对方，所有的间距都是基本 8 的倍数设置，降低了沟通成本。

由此，整个产品就像搭积木一样构建起来。

框架布局

用户的核心诉求就是迅速的开台>点餐>结算，因此页面的信息布局+功能架构上，我们紧紧围绕高效这个关键词展开优化。

在框架布局方面基本和之前类似，保持了一屏一列、一屏两列、一屏三列的布局模式。对比原来的布局方式，本次在整体结构的细节上做了更细致的调整。定义好模块的间距、模块与模块之间的距离，8 的增量进行布局。无论界面怎么变化，都是基于这样的三个框架规范去填充内容。在开台界面，依旧是保持了一屏一列的模式，整体属于一块信息，里面切割成无数的小桌台卡片。

进入到点餐页面的时候，就是一屏两列的布局。整体主要呈现了两块信息，购物车+菜品列表的操作模式。

下单成功后，就是常见的一屏三列。呈现了 3 块信息，从左往右操作步骤递增的模式。

栅格系统

8000多字！超全面的栅格系统入门手册！ 栅格的前世今生 产品设计从理解用户到定义问题，再到探索方案并输出草图乃至视觉稿，每一个阶段都关系到一个产品的成败。

阅读文章 >

原先的产品并没有运用栅格系统，导致在不断的迭代过程中，整个产品的规范逐渐偏离。在本次优化中，我们一并优化进去。

前面定义的最小原子为 8，我们在构建栅格的时候在 8 的基础上 8 划分页面。边距和水槽都为 24px。基于这样的设计规则，后面的产品迭代优化才能更具备规范性。

2. 高效–交互层 弹框优化

弹框是产品使用过程中出现频率非常高的一个组件，原先的弹框都采用居中弹框的形式，那么居中弹框最大的问题就是，当前选择过多的时候，可展示区域是有限的，增加了滑动操作

针对这个问题，我们给出了这样的设计策略：保持弹窗的操作形式不变，将居中弹框改为侧滑弹框，这样可以最大化的利用屏幕空间，尽可能多的展示可选项，减少滑动操作。

在点餐环节选择菜品的做法规格等操作时，弹框内的按钮选择数量至多可增加 33%以上，最大化的展示可选项数量，提高点餐人员的工作效率。

键盘

键盘是整个收银产品中使用频率非常高的一个组件。

原先的键盘都是圆形按钮，经过竞对分析，会发现常规的终端类产品按键都为方形。因此保持原先键盘的体积不变的前提下，优化后的按键可点击区域增加了 50%，降低误操作的概率。

并且针对收款环节的操作习惯将数字布局进行重新调整，使其排列顺序更加符合收银场景下的数字排列方式，同时最大化收款按键面积，合理规划收银键盘的布局方式。

输入表单

在我们原先的产品里还有个问题，就是表格填写查看的过程中，由于表头未对齐，整个视觉动线一直在来回切换。

针对这个问题，本次优化的时候就将表头文字统一进行了右对齐，这样用户进行表单填写查看的时候可以一条直线由上而下的查看，快速定位到填写内容。

即使填写的表单内容很多，也能高效的填写与查看表单内容。

操作路径

原先产品里多处使用场景当中，组件选择的都不恰当，直接就导致了整个用户操作路径非常的长。

通过下图我们看到选择一个订单状态，操作路径基本是贯穿了整个屏幕。因此，我们将原先的居中弹框改为下拉选择弹框，直接将操作路径缩短了 50%以上，减少用户在使用过程中手指移动的距离。

3. 简洁 左对齐卡片设计

对于原有产品的界面，桌台和点餐界面的卡片都采用了居中对齐的方式，这样做直接导致很多信息排不下，并且会出现卡片上下左右四个角都是角标，降低了信息的可读性。

带着这样的问题，在竞品分析过程中，我们发现了采用左对齐卡片式设计的方式要优于原有的居中对齐方式。

因此我们将信息归类，菜品和桌台类字段居于左侧，而角标类标记全部位于卡片的右侧。经过这样的调整优化，整个信息的展示可读性高于原先的布局方式，并且字段和标签进行了分类，也不会拥挤在一起。

留白去线视觉降噪

对于不同信息源，原有的处理方式是通过灰色背景的方式来区分，而这样做的问题是，当信息源过多的时候整个数据列表会失去重点，都是重点=没有重点。

因此我们采用字号对比、画面留白等方式进行信息模块的区分，去除不必要的视觉干扰。

规范金额单位使用

在收银产品当中，涉及到金额展示的地方非常多。原先的展示规则比较随意，我们并不能找到金额单位的使用规律。问题集中出现的地方：

部分页面价格不带「￥」单位 价格确定到小数点几位不明确 单位与数字的大小比例关系随意

因此优化的时候对于金额单位我们也做了总结分类，大致可以分为 3 类，根据出现的类型定义好金额的使用单位。

4. 可靠 容错&防错机制

根据尼尔森十大设计原则中对于容错原则的描述：无论错误场景设计的多好看，都不如在第一时间防止用户发生错误；该原则强调，产品需要有防错机制。

可靠这个特质对于 B 端产品来说是必不可少的。而在分析原先产品问题的时候就发现，产品的容错和防错做的不够到位。因此，我们对于一些输入环节增加了信息预判，避免用户输入完成后才给出错误提示，降低用户误操作的成本。以及一些输入的操作，例如标签、选择后的优惠券等等，可直接删除已选标签，给予用户一定的容错能力。

操作可知 反馈明确

1）无论当下操作是在加载中还是加载失败，第一时间给予用户明确的反馈，是非常重要的一件事，时刻给用户一种安全可靠的操作体验，明确当下的行为以及导致的行为结果。所以在桌台选择的处理方式上，我们增加显示了已选中的桌台名称，桌台信息+执行动作，明确告知用户当前已选的桌台以及将要执行的动作。

2）其次就是加载中的按钮的要给予一个明确状态。如果点击后的操作仍在执行中，我们没有给予反馈，就会使用户认为点击无效从而不停的点击，加重卡顿的情况。

文案描述精准

对于单一操作的确认文案，优化后更加精准。通过”确认 XX”和“暂不 XX”这样的文案融入到按钮当中，在执行的时候可以更加明确当前要执行的内容。例如要选择使用一张优惠券，我们就可以描述为“确认抵扣”或者“暂不抵扣”，从字面理解上来说，也会比单纯的：确认、取消“描述更精准。

设计沉淀 1. 规范搭建

在设计过程中，我们搭建了一套雅座收银 POS 的产品设计组件、并制定了相应的设计规范。保证后期产品迭代的一致性。

2. 开发提效

开发将常用的字号、色彩、圆角等属性定义好名字，在开发过程中直接通过名字调用构建样式。即使多人协作的情况下也能尽可能保证样式的一致性。

3. 宣发创意视频

由于本次产品更新的点比较多，为了让商户以及我们的客服团队能够更好更快的理解产品更新点。还额外做了配套的宣发视频用于介绍。

B站观看地址： https://www.bilibili.com/video/BV1av4y1M7Gv?share_source=copy_web

上线反馈 产品上线后，从视觉到交互得到了一次全新的提升，对比之前的版本系统性能和流畅度分别提升了 14%和 24%。

上线后来自内部和外部的反馈都是不错的。对于商户来说，学习的成本很低。因为在优化的同时大部分保持原有的操作习惯，整体视觉的改版上的反馈也是清爽了很多，上手简单。

项目小结 1. 流程沉淀

项目做完后，在整个产品优化过程中，无论是前期的问题调研，初步基础规范样式构建，还是后期的交互细节优化落地，我们始终都是围绕着，如何做一款更易用的收银工具为设计核心，进行产品的优化升级。

整个优化流程看起来好像工作量比较多、比较复杂，其实我们通俗的理解，就好像去医院看病医院，一共分为 4 个步骤去理解，查病因>写病历>动手术>去复查。

然后针对每个关键步骤，拆解出细分的行动计划，对应到我们整个 B 端产品的优化流程当中逐个击破。

2. 写在最后

微盟智慧餐饮的愿景是“数字餐饮，智慧生活”。雅座收银作为全场景一体化数字化解决方案中非常重要的”根产品”，始终围绕着如何做一款更易用的收银工具为核心，让门店整体运营状态更高效，同时提升营业人员在工作过程中的使用体验。助力餐饮企业实现真正的降本增效，而这也是收银产研团队一直在共同践行的目标。

欢迎添加作者的个人微信交流：

编辑导语：近一段时间，B站上线付费视频功能一事引发了网友的热烈关注。一方面，不少用户对这一模式产生了质疑；再者，人们也不禁思考B站出台这一功能的背后缘由。那么，未来B站如果想要打破营收困难，该如何进行布局？ 6月20日，坐拥近120万粉丝的B站搞笑UP主“勾手

编辑导语：近一段时间，B站上线付费视频功能一事引发了网友的热烈关注。一方面，不少用户对这一模式产生了质疑；再者，人们也不禁思考B站出台这一功能的背后缘由。那么，未来B站如果想要打破营收困难，该如何进行布局？

6月20日，坐拥近120万粉丝的B站搞笑UP主“勾手老大爷邓肯”（以下称邓肯）发布了一支付费视频，视频甫一上线，便引起了广泛的讨论和传播，其中质疑和吐槽声亦不绝于耳。

作为一名用轻松搞笑的方式解读恐怖悬疑事件的UP主，邓肯此次发布的系列付费视频也围绕其“老本行”展开，旨在解说世界十大未解之谜/灵异事件。该系列共有10个视频，收费30元，在不影响日常视频发布频率的情况下，预计会在一年内更新完成。

截至TOP君统计前，该系列第一支视频《解析轰动全亚洲的 朱秀华借尸还魂事件！》已经收获3.2万播放量，如果暂时忽略平台抽成，按照一人一播放量来计算的话，邓肯已经从中获益90万元。

而这笔高昂的收益也使得用户对其内容与价格的匹配度产生了质疑，#B站上线付费视频功能#话题在第二天顺势登上微博热搜，引发大面积讨论。

图/【邓肯】解析轰动全亚洲的 朱秀华借尸还魂事件！

一、视频付费背后的质疑 总的来说，用户讨论的方向主要归结为对付费内容和模式的质疑。

首先从内容性质上来看，大众对UGC内容（用户生产内容）收费本身就存在争议。

说到B站的内容付费，还要追溯到平台的知识类内容分区。

此前，B站因囊括各类丰富的知识类视频出名，也因此，B站被广大用户戏称为“学习网站”，吸引了众多知识类UP主的入驻。截至2021 年末，B站泛知识内容占总播放量的45%，多个专业领域知识区创作者规模增长92%，从用户日活和UP主入驻两方面都为平台增益不少。

用户规模的扩大催生了更多内容需求，况且在市场多年的教育下，相较于娱乐性内容，人们更愿意为专业知识付费，因此B站推出付费课程也自然水到渠成。目前，在B站课堂分区，已经涵盖了包括通识科普、语言学习、考研、生活等九大类课程，价格从几十元到几百元不等，为平台带来了不菲的收益。

图/B站课堂分区推出的付费课程

而UGC与PGC内容不同，一方面，这类内容偏向娱乐性，干货内容较少，用户观看往往是图个新鲜，很难带来实质性的收获；另一方面，邓肯这类UGC内容生产者缺乏专业性，如果将内容付费延展到非专业UP主范畴，难免拉低了付费门槛，且其观点传播缺乏内容评判标准，参差不齐的视频质量也容易造成付费与免费用户之间的心理不平衡。正如编剧汪海林所说，“支持内容付费，但传播观点无需收钱。”

图/汪海林微博

其次，如果抛开邓肯视频的内容属性不谈，其内容质量也有可指摘之处。

据观看过第一期视频的付费用户反映，收费视频中使用了CCTV等媒体未经授权的报道和素材，文稿部分也与网络上的部分内容重复，存在一定的侵权风险，且视频整体与网络上类似的故事讲解类视频差别不大，“不知道有什么付费的必要”。

这也反映了UGC内容付费可能存在的隐患，即内容雷同度高、商业版权归属问题混乱。

从收费模式上来看，一部分用户认为3元一集的定价过高，对学生党不够友好；还有另一部分用户认同内容收费，但对“提前付费”这一模式持不理解态度

。一方面，B站付费视频处于试水内测期，先前可供参考案例过少，用户对付费内容质量无从评估，贸然付费有可能难以收获与期待相符的内容体验；另一方面，这类“未解之谜”系列视频往往是一集一个故事，前后没有关联，用户对不同故事的感兴趣程度不同，因此消费欲望也不同。如果将所有故事打包出售，无异于捆绑销售，反而容易造成用户的反感。

相反，如果更新一次收一集的钱或者30元直接更新十集，这样至少能够让用户感到物有所值，获得较为舒适的消费体验。

图/B站评论截图

除了视频定价，不少人还对目前“层层收费”的套路感到不满。众所周知，B站内容生态先前主要由大部分的UGC免费内容和小部分的大会员特供OGV内容构成，多元优质的OGV内容成为了用户增长及付费转化的重要助推力，截至3月31日，B站大会员数量达到2010万，月均用户比例攀升至9.3%，足以看出用户对B站OGV内容的喜爱。

而如今推出面向所有用户无差别收费的付费内容合集， 对于大会员来说，则意味着在付费观看OGV内容的基础上，还需要进一步付费才能够收看部分UGC内容，这相当于削减了大会员的权益 ，与大众的普遍认知形成了矛盾，自然会遭到吐槽和排斥。

那么既然大部分用户都能从中看出该模式存在明显缺陷和不足，B站又为何如此收费？

恐怕这与B站当前的财务状况离不开关系。在B站2022年发布的第一季度财报中显示，尽管平台月均活跃用户同比增长31%，但在营收方面净亏损22.84亿元，较2021年同期亏损扩大152%，这也是B站自2020年以来首次在第一季度亏损超10亿元，由此可见，B站的营收状况不容乐观。

业绩的不理想主要源于商业化进程受阻。据了解，B站的营收主要由广告业务、电商、游戏和会员增值业务构成。受疫情影响，广告主投放和电商物流都产生了一定程度的延迟，导致广告和电商业务增速缓慢；游戏业务也并未带来惊喜，唯有直播及大会员为核心的增值业务受外部冲击较小，呈稳定正向增长，占据平台收入构成的大头，不难推断，B站的用户粘性正在持续增加。

另外，据有心人士爆料，受营收降低的影响，B站为创作者提供的用户激励缩减幅度甚至高达九成。因此，从用户端入手，既是B站在强用户粘性的支持下挽留UP主的一种手段，也是其挽救当前营收僵局最直接有效的方式。

二、鱼与熊掌，B站如何兼得？ 那么，既然大部分用户都在吐槽邓肯视频的内容质量，什么样的视频才能达到单片付费的门槛？在大众现有的认知下，为内容付费，除了专业内容机构生产的电影、动漫类视频，其它由用户生产的视频内容，还需具备知识性，至少要让观者感觉到有所收获才行。

据了解，其实在邓肯之前，已经有五位UP主试水付费合集，其中不乏IT、音乐、舞蹈、摄影行业专业人员，UP主技术胖是第一位。6月9日，技术胖发布付费内容《转行入职程序员前必须掌握的三个基本技能（程序新手转行必看）》，32节课售价50元，尽管其视频在转为付费后收看人数骤降，但也吸引了400+人付款，粗略估计收入2万元左右。

图/技术胖付费视频

无独有偶，拥有60万粉丝的舞蹈博主“苏司喵”也上线了韩舞翻跳教程，7期视频共28元，截至统计前收入2万5千元左右。

尽管以上博主的付费视频受众均在几百人上下，远不及邓肯视频的3.3万播放量，但由于其受众稳定且圈层较小，内容也多为输出知识的干货，用户评价相比邓肯更高，从长远来看，极有可能积累一批稳定的付费用户。

图/邓肯与苏司喵视频下的评论

而对于合集内容收费模式， 首先从定价上来看，不同类型博主之间的定价并无统一标准 ，大部分UP主的普遍定价在全套内容30-50元左右，而拥有9.5万粉丝的摄影师忻力则以158元的价格售出共21期的摄影课程，虽说是一个愿打一个愿挨，但 在付费内容缺乏明确说明的情况下，难免引发用户的质疑。

对此，TOP君认为，纵然UP主拥有对付费合集的收费自主权，但B站可以在视频上架前通过内容审核从时长和难度等参考维度为视频分类定级，使用户对视频的“价值”产生基础认知，避免“拆盲盒式”购买视频的现象发生。

其次，从收费机制上看，当前，大部分用户对于“大会员+单片付费”的机制存在争议，根本原因是在于用户认为其削减了普通会员权益 。

既然如此，B站不妨参考国外YouTube的收费模式，开通博主的个人会员频道，付费视频则作为附加的会员福利赠送给个人会员，如此既削弱了付费视频的利益性，也不会影响普通会员的观看体验。

另外，正如用户所说，B站可以在后期正式开放阶段添加分集售卖选项，既能够降低用户的投入成本，也有利于在一定程度上减少因内容风险而造成的用户体验感下降；从UP主的角度来说，也可以减轻因用户一次性购买而产生的制作压力，避免后续翻车所带来的信誉崩塌。

总的来说，内容付费的核心在于优质内容，B站想要拓宽商业化渠道，上线以个体生产者为主导的UGC付费内容未尝不可，毕竟，知识付费应当是内容发展到一定程度较为成熟的市场形态。

不过，从另一方面来说，打铁还需自身硬，从这次事件引发的争议也可以看出，当市场教育还未普遍形成的状态下，贸然将不成熟的内容推向市场，用户也不会甘愿做被割的“韭菜”， 只有当内容与价值相互匹配，B站这波新布局才能赢得更多人的认可。

 

作者：TOP君

来源公众号：TopMarketing（ID：TMarketing），玩Marketing，Top是一种信仰——TopMarketing。

本文由人人都是产品经理合作媒体 @TopMarketing 授权发布，未经许可，禁止转载。

题图来自 Unsplash，基于 CC0 协议

给作者打赏，鼓励TA抓紧创作！

{{{path> 赞赏

2019 年年末，58UXD 重新整理了 58 同城的设计规范，在原有基础上将组件扩展到了 20 种，覆盖了 532 种组件状态以及接近 1000 枚的图...

2019 年年末， 58UXD 重新整理了 58 同城的设计规范，在原有基础上将组件扩展到了 20 种，覆盖了 532 种组件状态以及接近 1000 枚的 图标 。在 2020 年将其正式更名为「LOCO Design System」，从此开始，这套设计系统支撑了 58 同城各业务线的日常迭代，成为协同各业务线设计部提升设计一致性的重要纽带，无缝链接用户、设备、场景的载体和触点，为用户提供完美的生活服务体验。

大厂组件：

有哪些组件值得学习？我梳理了8个大厂的设计组件！ 设计组件作为设计系统里的组成部分，可以说是构成这个系统最基础也是最实用的部分了。

阅读文章 >

「LOCO Design System」包含了大量的可复用资源，如 icon、全局样式、基础组件、布局、导航、输入等，可用来快速搭建的界面设计，大大提升 UXD 设计师的效率。

目前，「LOCO Design System」已集成到 58 自研的产品风火轮上，大家可以下载风火轮的 Sketch 插件即可拖拽设计资源到画板上进行编辑。

风火轮除了承载设计资产以外，还可以可通过 Sketch 插件上传设计稿到风火轮协作平台，实现标注和代码解析，可直接链接分享给产品和开发。下面我就来介绍下这款神器。

为设计者提升工作效率的 Sketch 插件，轻松调用「LOCO Design System」 通过 Sketch 插件进入设计师的工作流程，聚合设计资产，解决设计规范落地、设计资产可视化承载，提升设计规范和设计资产的使用率，增强资源共享避免重复设计。目前为止 sketch 插件可以承载 icon 库、组件库、场景库、插画库、基础运营库资源。大家可以通过我们的制作要求，上传自己的规范。

1. 组件资源-icon/色彩/组件/场景/插画

主要承载 58 集团「LOCO Design System」的设计规范和设计资产，供全体设计师共享使用。

2. 自有组件库快速生成

可自己制作组件 Library，导入风火轮 Sketch 插件。导入的组件 Library 需遵循《本地 Library 资源制作规范》。

3. 上传设计稿

可通过风火轮 Sketch 插件上传设计稿到风火轮协作平台，实现标注和代码解析，可直接链接分享给产品和开发同学。

设计师、产品、研发多角色一站式协同平台，设计稿在线可视化 通过风火轮协作平台进行团队管理，团队资产、项目管理，实现设计稿在线标注解析，供研发同学在线查看研发。同时还生成各种前端代码，供前端同学复制使用，缩短研发同学的工作路径，提升工作效率的同时顺应市场潮流，实现从设计到代码的愿景。

团队与项目

风火轮协作平台的团队项目，采用团队—（文件夹）—项目—分组—画板的层级进行设计稿的管理。 项目是从属于团队的。想使用项目相关功能，需要先创建/加入一个团队。为便于管理，一个团队下可建立多个项目。

项目文件管理

项目可存在于任何一级文件夹下。团队成员均可进行项目管理。项目文件中承载了项目中的全部内容（设计稿、切图、源文件、代码等）。

多方协作-编辑器

编辑器页面可进行设计稿画板标注/代码信息查看、设计图/切图下载。每个画板提供了标注模式和代码模式两种视图。

在标注模式下，可以查看图层的尺寸、位置、字体、文本内容、样式等信息，可以复制并使用标注样式代码；如果是切图，则可以下载对应的不同尺寸、格式的图片。 在代码模式下可查看平台解析当前画板，所生成的全部代码，可一键复制使用。

代码生成

在上传设计稿时选择生成代码，在协作过程中，平台会展示，整个设计项目的全部代码，供研发同学使用。我们目前生成的代码，高精度的还原了设计稿。

对于不同规模的产研团队，风火轮都没有任何的费用。良心的免费设计神器，大家快来解锁吧！

风火轮官网： https://fhl.58.com ，下载插件，获取 LOCO Design 的源文件

编辑导语：一盆热带植物，动辄被卖到上万元，为爱买单、有钱任性的故事在热植这个小众圈子里不断上演。为什么玩家们会愿意花费数十上百万在这些植物身上呢？本文作者分享了几个热植圈玩家的故事，一起来看一下吧。 你很难想象，一盆热带植物能够被拍卖到上万元。 事实就是如此，

编辑导语：一盆热带植物，动辄被卖到上万元，为爱买单、有钱任性的故事在热植这个小众圈子里不断上演。为什么玩家们会愿意花费数十上百万在这些植物身上呢？本文作者分享了几个热植圈玩家的故事，一起来看一下吧。

你很难想象，一盆热带植物能够被拍卖到上万元。

事实就是如此，在某淘宝店铺的直播间里，经过11轮的激烈竞拍，一盆“白眼泪龟背竹”以9万元的价格被拍下。当时看完整场直播后的热植玩家园丁在贴吧里感叹：都拍出这样的价格了，望尘莫及。

为爱买单、有钱任性的故事在这个小众到不能再小众的圈子里疯狂上演。 小红书上搜索“热植”，以爱马仕的价格购买一盆“橙柄锦”的帖子收获上百个赞；养殖热植两三年，花了数十上百万元的玩家亦不在少数。在淘宝直播间里，互动定价模式的刺激下，不少大佬们竞拍“上头”，原本两千元的热植，最后被拍卖到五六千元。

热植是“热带观叶植物”的统称，近几年由于ins风火爆、居家办公让人们对家里的“风景”有了新要求，越来越多人开始“入坑”，将热植作为室内设计的装点。其中“锦化”的热植尤为稀缺、昂贵。

“锦”在这里是一个动词，如果一株植物在绿色叶片中心或边缘生长出白色或黄色的斑纹，就叫“锦化”。这种“缺憾”带来了不可复制的美丽，也成了玩家竞相追逐的奇货。在热植圈里，一盆普通的龟背竹可能只需要几十块钱、上百块钱，但是锦化后的龟背竹，一片叶子可能就达到上千元、上万元。

“热植不是必需品，而是奢侈品或者收藏品的逻辑，喜欢的人一万也买，不喜欢的人可能一百块都不想要。” 热植圈内资深玩家Aaron向「深响」感叹。

01 消费符号 在热带植物之前，多肉、仙人掌曾是年轻人们的宠儿。但现在，它们已经沦为“绿萝”梯队的普通植物。原产于海外、珍稀娇贵、动辄上万的“贵货”才是真玩家关注的焦点。 如果有人在社交平台上晒出一盆植株纤细，姿态各异的叶片上遍布着深深浅浅的黄白斑点的照片，那就能瞬间掌握社交密码。

热植最早流行于欧美，后来在东南亚走红。海外社交平台如instagram、Facebook、YouTube上栖息了不少热植圈大佬，珍奇热植分享、锦化程度科普、如何进行家居装饰都是平台上的热门内容。

大概在2019年前后，热植开始在国内流行，大多数“入坑”玩家就是受到海外家居绿植博主的影响，对热植产生兴趣。也正是2019年底、2020年初，疫情影响下更多人有了与自己房子独处的时间和机会，作为“天然氧吧”和家居装饰的热植成为首选，越来越多人加入后热植圈变得火热。

从事房地产投资行业的Aaron是较早入坑的高阶玩家，2019年底在装修房子时看到很多海外博主都有植物做家居装饰，于是萌生了将阳台打造成私人花园的想法。

在深圳从事汽车行业的老鱼入坑较晚，去年3月份在朋友的推荐下入手了一盆“白锦龟背竹”用来装饰阳台，后来一发不可收拾，阳台上已经填满了各类珍奇的绿色植物。

老鱼购入的高价热植，图源受访者

热植圈内的人大多与Aaron、老鱼一样，遍布在北上广深等一线城市，成都、杭州等新一线城市，是财富相对自由的城市新中产，更乐于为爱好买单，因此 热植就变成了一种新的消费符号，代表着 独特的 生活品味和个性。

不过，物以稀为贵， 热植也被圈内玩家按照稀有度划分了“三六九等”。

以龟背竹为例，价格500-1000元的白锦龟背竹是入门款，再往上是黄锦龟背竹、洒金龟背竹、白怪兽龟背竹，价格依次递增，如果锦化程度均匀，比如以叶茎为中心一半绿一半白的阴阳锦，比较少见且很难复刻，一片叶子的价格就在一万元左右。

越是稀有，越想拥有，在玩家眼中，买热植就像“集邮”一样，对于珍奇品类不断想入手。老鱼从去年三月份到现在，购入了三四十盆，共消费四十五万；Aaron入坑更早，现在有了上百个品种的热植，共两三百盆，总花费金额超过百万。

而稀有、娇贵的热植，对于养护条件的要求更为苛刻。热植原本生长于雨林地带，要在干燥拥挤的城市中茁壮成长自然需要人为地布置好适宜的温度、湿度和光照，温箱、补光灯、加湿器是每个热植玩家的标配，如何施肥、生病了如何治疗、如何根据植物耐热度决定摆放位置，更是进阶为资深玩家的必备。

换句话说， 伺候这些高价植物并不是件容易和便宜的事。

Aaron为他的近三百盆热植准备了一个80平米左右的花房，并安装了一套全自动化设备——灯光、空调都是根据气候定时启动，还准备了潮汐苗床，为植物自动浇水，省去了人力和时间成本。据Aaron计算，空调、灯光、苗床加上花房的装修，总共花费在20万元左右。

Aaron的花房，图源受访者

02 以贩养吸 高投入下，自然需要新的方式回本。一些有着丰富经验的玩家便既当卖家又当买家，用卖出的钱再买新的品种，以贩养吸、不断轮回。

在卖与买的过程中，找到靠谱稳定的货源和销售渠道极为重要。

根据Aaron与老鱼的亲身经历，他们拿到手的货源分为两种， 一种是与泰国的农场主直接建立联系，以空运的形式批量购入，养殖一段时间后再加价卖出。 因为泰国作为热植的繁育天堂，极其适合热植生长。Aaron告诉「深响」，他在2020年就开始从泰国“进口”，价格相比国内更低廉，但风险性也较高，需要大量购入、一次性付清全款，没有专业的交易平台，双方只能私下交易，中间就有可能出现少货、次货的情况，而且热植在长途空运中可能也会死掉。

另一种则是自己“扩繁”，让一个母本不断裂变成新的植物然后卖出。 所谓扩繁便是将母本上的气生根切割下来放到配好的土壤里，经过一段时间的生长和适应，就能得到一个新的副本。不过扩繁时不同的品种也有不同的难度，龟背竹属于容易切割、容易存活的品类，价格更贵的橙柄锦，其切割难度也更大，此外还有花烛类，从切割后到长成一个稳定的状态，等待时间更久，需要三个月以上的时间。

有了货源，接下来便是销售渠道的建立。目前热植圈主要是以C端生意为主，闲鱼、微信群是买家们的主要交易阵地。

在闲鱼上搜索“热植”，可以看到销售绿色植物的卖家以云南、广州、深圳居多，销售价格从几十元到上万元不等，还有的卖家搞起了“预售”，在简介中强调非现货、需与泰国农场预定。其中一株价格两万元的橙柄锦销售页面已有上千次浏览。

微信群则相对属于熟人生意。Aaron添加了7-8个微信群，每个微信群里人数基本都是满员状态，里面卖家和买家都有，买卖交易、互相往来已成常态。

闲鱼页面

此外，部分圈内资深的玩家还会卖给淘宝卖家，这相对来说比较少见。对于淘宝卖家来说，国外批量运输高价热植的风险更高，自己养殖的品类难以全面覆盖，一些珍稀品种则需要从资深玩家手中“拿货”。

因为热植圈子比较小，市场上并没有固定的定价体系，而且不同于流水线生产出来的标品，每一盆植物都各具特色，所以价格也难以标准化。 在热植圈内，大家更倾向于“互动定价”，即将价格的决定权交于市场。

入驻闲鱼的卖家，会先根据自己的投入成本设定出大概的价格，如果几天后没有人买，那就降价，如果立刻有人拍下，那大概的市场价就在降价后的区间范围，所以在下次售卖时也能做到“心中有数”；淘宝卖家更多是将互动定价作为常用的直播形式，每天固定时间直播，面向老客和熟客，拍卖一些上万元的高价植物。

“大家其实是比较熟识的状态，包括看直播、搞竞拍的人，也多是对市场有了基本的了解之后才去拍的。”玩家老鱼告诉「深响」。

03 荆棘丛生 但就像早期的潮玩圈、鞋圈，不少植物圈玩家在初次接触热植时，都有过不少踩坑经历。

“坑”一方面来自于植物本身。 以锦化热植为例，锦在生长过程中的稀缺性和不确定性，带来了更高的价值，同样其风险性也来自于此。 比如玩家买回了一盆锦化幼苗，但它并不是按照幼苗时期的样态去生长，很可能会出现入手的时候锦的均匀程度刚好，但长着长着就“长歪了”。

老鱼就曾踩进过这样的坑，去年他花了两万元买了一盆阴阳锦，阴阳锦因为一半绿一半白的均匀分割，被称为圈中极品。但老鱼养了一段时间后发现阴阳锦一下变成了全锦，全锦意味着全是白色，没有了叶绿素，植物无法再进行光合作用，极品变成了废叶，两万元就这样白白打了水漂。

为了规避大幅亏损的风险，老鱼发现， 现在热植圈的玩家在购入热植时，很少会花高价买一盆热植，更多是要求卖家切割，只买一片新叶，用有限的钱去买更多的品类。 大多数贵货热植与多肉一样，将健康饱满的叶片扦插在土壤，保持合适的温度、湿度和光照便能存活。

“我在闲鱼上以11万的价格挂出了一盆橙柄锦，来问过的买家几乎都要求切割，只想买一片叶子自己去扦插”。

另一方面则来自于变幻莫测的热植市场环境。

2020年开始，越来越多新人入局，热植的需求量上涨，价格也是一路飙涨，少则上涨三五倍、多则上涨十几倍。 在利益的驱使下，不少投机者将热植当成了一种金融工具，大量囤货、扩繁，新叶一冒芽就磨刀霍霍等着切了回血， 不少专职做倒卖生意的入局者就在这段时间内赚得盆满钵满。

从今年开始，“财富神话”开始褪色，不少热植价格回落，尤其是一叶千金的锦化热植，价格被拦腰砍了又砍，老鱼表示，去年九月份，热植圈的“爱马仕”橙柄锦被炒到两万多一片叶子，如今的价格回落到八千到一万元， “去年海景房，今年一平方， 大家都这么形容价格的起伏不定。”

热植价格的暴涨与暴跌，让大量囤苗的投机者吃了暗亏，也增加了热植圈子的泡沫属性。

不过，在Aaron看来，热植也适用于供需原理，供过于求后价格下滑是一件正常的事情，“只要不把它当成期货来炒，价格便会趋于稳定，也就无关泡沫一说。”

在这个不曾被大众关注、偏安一隅的小众圈子里，高价值高风险的真理又一次被验证。这里曾呈现过众人哄抢、一苗千金的盛况，也经历了价格腰斩、一片哀嚎的泡沫，大起大落之后，没有了高价诱惑，热植步入了一个正常稳定的状态，热植爱好者有了更多的耐心将幼苗养成巨物，植物也可以回归愉悦身心、装饰家居的价值，苗商更可以踏踏实实沉下心来搞生产。

“虽然热植在国内仅流行了两三年，长期来看热植圈会一直存在，只是人多人少的问题。”Aaron说道。

 

作者：祖杨

来源公众号：深响，全球视野，价值视角。

本文由人人都是产品经理合作媒体 @深响 授权发布，未经许可，禁止转载。

题图来自 Unsplash，基于 CC0 协议。

给作者打赏，鼓励TA抓紧创作！

{{{path> 赞赏