ESG营销需要站在消费者视角，关注他们的需求变化，尤其是Z世代的环保意识和购买力上升。ESG营销需要聚焦实际效果，与品牌战略和目标群体相结合，才能发挥最大效用。本文系统地剖析了企业应该如何做好ESG营销，希望对你有所启发。

很多品牌遇到公关危机，往往会发布一份声明来解决问题。然而，这样的做法并不总有效，因为如果回应不妥，可能会导致信誉损失，这种损失往往难以弥补。

这让我开始思考，危机背后原因仅仅是公关、市场部工作失职吗？答案并非如此。

比如：

中国民航局，每月都会发布公共航空运输客户服务投诉情况，国泰航空”毛毯事件“舆情爆发前，光在2022年就有6个月，被列入境外航司投诉榜首。

但并没有做出任何改善动作，直到舆情爆发，才象征性开除涉事员工，并做出一切承诺。

前几天一架飞往美国洛杉矶的国泰CX880航班，更是直接出现技术故障，起飞前紧急刹车导致11人受伤后，同编号航机又在25日深夜，因为水缸漏水而延迟。

下次，你敢做吗？

如果只将这些问题归咎于员工的失职，可能有些过于草率。实际上，这种长期漠视消费者的态度，正是违反了企业社会责任（ESG）的原则。

ESG理念要求企业在制定公司规划和决策时，必须严肃考虑和对待企业社会责任议题，就像对待股东和监管机构一样。每一个社会议题都代表着不同的利益群体，这些群体有能力以各种方式对品牌产生长期影响，所以，ESG逐渐开始有虚向实发展。

一、究竟什么是ESG？

2004年，联合国环境规划署第一次提出ESG的投资思想。

这其实是一种看企业好不好的方法，但是，和我们平时想的有点不一样。平时只看公司赚了多少钱，现在除此外，要看公司对环境、社会、和自我管理这三个方面的表现。

1. 环境（Environmental）主要围绕公司对环保态度重视程度，比如某个工业企业，你不能光说给上下游贡献多少材料，还要看是否少用塑料，重视节能减排等。
2. 社会（Social）是看公司对待社会问题的态度。比如是否尊重劳工权益，是否关心社区福利。
3. 治理（Governance）是看公司自己的管理是否规范，比如董事会是否公平，高层管理是否透明。

现在，越来越多的人开始用ESG标准来评价一个品牌、公司，而ESG营销就是把公司的ESG战略，真正运用到营销活动中去，让大家都能看到公司在环境、社会、治理这三个方面的表现。

为什么诸多头部企业开始注重ESG营销呢？我认为，有两方面原因：

其一，消费者变革，尤其Z时代年轻人。

记得1991年，Regis McKenna提出了“营销就是一切，一切都是营销”的理念。他强调的是，技术、企业的特点，还有满足消费者真正需求，才是营销的关键。

现在看，这句话重要性，超过了麦肯纳当初的想象。

以前我们，买东西会考虑得特别细，因为有那么多信息可以参考，可以从各种角度去分析和评价自己的购买决定。所以，在做决定时，一般比上一代人更有自己的见解。

Z时代的年轻人，他们从小就生活在数字化的世界里。

跟我们这些90后、80后、70后不一样，他们一出生就在互联网环境里，手机一直在手边，随时都能接触到各种信息。这样一来，思维方式和购物习惯就跟我们有很大的不同。

首先，他们早已从各种角度去了解一个产品，会非常清楚自己为什么要买这个东西，甚至包括生产过程；其次，他们对购买决定很有信心。他们不是要去适应我们这些老一辈的市场，反而是，要让我们去适应他们的需求。

而且，Z时代年轻人对这些老一辈的影响也越来越大。等他们很快就能控制全球27%的收入时，我们就必须学会如何对这个时代的人进行营销了。

其二，对购买决策和复购率的一种评估。

现在商业信息、产品选择这么多，大家对于错误的容忍度越来越低。如果一家品牌任何一个方面达不到标准，我们就会立马离开，短期内也不会回头。

比如最近的”阿巴斯甜致癌”风波，结果就导致了代糖类股票的指数一直下跌，像可乐、芬达、雪碧这些产品也被卷进了”原材料公关”的困境，我们在买这类产品时，肯定会优先选择其他的同类产品。

前段时间，元气森林、北冰洋这些品牌宣布产品不含阿斯巴甜，这个消息一出，得到了大家的关注，网上销量也随之上升。

我在MKTforGOOD发布的《2023中国公益消费报告》上看到一个调研结论是说，消费者对“公益品牌”和”普通品牌”的舆论反应是不一样的。

如果一个做过公益的品牌出现了负面新闻，消费者通常会更包容，更有耐心。他们会考虑品牌过去对社会做过的贡献，来评价它的社会责任。

如果问题不是很严重，大家会选择原谅，或者愿意等待相关部门或者品牌本身的官方回应。

但普通品牌就不一样，大家没有任何好印象，反而会觉得出了问题，可能是你以前就不太在乎消费者，大家会更容易选择敬而远之。所以，我们可以清楚地看出ESG营销对品牌的重要性。这也解释了为什么大企业的营销团队，在逐渐涉及到各种业务时，开始重视ESG的原因。

二、那么，大品牌怎么做的？

调研一圈发现，部分品牌想在环境上做功夫，通过对原材料、包装、产品进行改动，从而形成ESG当中的一环。

举个例子：

大家穿的衣服，大部分（60%）原材料都是尼龙和聚酯，这两种材料虽然用途广泛，但因为化学结构复杂，很难自然分解或被回收再利用，一般只能被卖填或烧掉。

今年5月，lululemon和澳大利亚的新兴公司Samsara Eco决定联手尝试从废弃服装中，提取可以重复利用的尼龙和聚酯材料。

同时，lululemon还计划给Samsara的团队和工厂提供资金支持，他们希望从2024年开始，就能处理大约2万吨塑料，这样就能在生产过程中，大大减少能源消耗。

当然，今年他们提出了名为“Be Planet”的目标，承诺到2030年全面采用可持续产品和解决消费终端问题，实现一个循环的生态系统。

如果这个研发成功，他们会是世界上第一家做到这点的公司；也就是说，这个尼龙和聚酯回收利用的项目，就是他们实现目标的关键一步，他们希望以原材料回收、再制作，再回收的方式做ESG当中的环境（Environmental）治理。

这太财大气粗。

你也许会说，我们作为小品牌，完全无法复制啊。当然，我调研了一些品牌，也有试图通过“循环再利用”和“产品回收”角度思考小而美的举措。

大家可能都听过“碳减排”，它的意思是，我们要减少排放像二氧化碳这样的温室气体；要知道，循环经济的一个重要组成部分，是把不再用的物品交易出去，这样可以在减少碳排放方面起到很大的作用。

这个方面，二手闲置平台转转、奢侈品电商平台红布林做了尝试。

他们在自己的APP里面开发“循环时尚环保行动”的功能，每当有人成功寄卖、转卖、回收商品，买家和卖家都可以看到为减少碳排放做出了多大的贡献。

拿红布林来说，每件二手衣物饰品能够减少0.3到172公斤的碳排放，每个二手包包能减少0.5到12.7公斤的碳排放；根据其官网公示，截止去年年底，已经累计减少了超过409,834,29公斤的碳排放。

当然，格兰仕、街电、妙洁、水星家纺、途牛旅游、中国邮政、瓜子二手车等多家品牌为了号召低碳策略，也在这样做。

碳类营销属于“长期主义”，大家可能感触不大；运动品牌Nike的策略，也许让人有直观体验。

今年5月时，耐克在云南建一个环保运动场，特别之处在于，这个运动场是用旧鞋子建的，目的为鼓励乡村的女孩们多运动。

早在2020年，耐克就开始收集大家不要的旧鞋，把它们处理成橡胶颗粒，然后用这些颗粒去建运动场；他们在武汉碧云小学，已经用这种方法建了一个大约1000平米的球场。

现在这两个项目（鼓励乡村女孩运动和旧鞋新生）合在一起，就变成既提供物资，又鼓励大家运动的项目；在耐克的带动下，已经有20个大学的学生捐出他们的旧鞋，这些旧鞋被处理后，就可以用来建运动场了。

这为乡村女孩们，提供了一个可以尽情奔跑的地方，尤其是对于那些因环境限制不能参与运动的女孩们来说，运动场将成为自由奔跑的乐园。

跨境电商平台SHEIN，为了帮助服装品牌解决挤库存面料问题，与美国可持续时尚企业Queen of Raw 合作，把那些囤积、浪费的原材料回收，进行二次加工，这种模式下，也跑出了一条再利用新思路。不难看出，大家都在依据自身情况，围绕ESG整体大框架，制定营销策略。

三、利用ESG做营销的内核到底是什么？

我认为是找到共同语言，走入用户中去，并建立可持续的叙事方式。

社会学家齐格蒙·鲍曼说：“You judge a society by the decency of living of the weakest。「Decency」在中文里刚好有一个对应的说法，叫 「体面」 。

整句话的意思是：若最弱小的人能活得体面，这样的社会才是一个足够好的社会。

品牌营销，已经从产品定位理论发展到“用户定位理论”阶段，以前大家用品牌宣导一种信念即，“你买我，你就会成为什么样的人”，现在人人皆是共创者，人人都可以表达自我情绪，观点，不需要通过产品映射。

这意味着，物品除最底层的使用价值外，要找到一种新的沟通平起平坐的方式；如何让一方不仅仅出于道德压力去付出，而另一方在得到帮助的时候保有尊严与体面，是营销必须思考的问题。

举个例子：

以前，我们会对自闭症患者和山区的孩子们贴上“弱者”的标签，然后希望别人出于同情来帮助他们。

现在呢，一元买画、诗歌pos机“等活动另辟蹊径，让自闭症患者、山区儿童施展才华，创作出深受大众喜爱的作品。

是啊，他们看世界的视角、他们的天真、淳朴、想象力，都能成为灵感来源，创作出能治愈大众的艺术品。

这样一来，他们就不再只是“弱者”，他们也成为了创作者，不仅可以通过自己的才华获得更好的生活，同时，也能体验到成功的喜悦和自信。这就是我们现在的目标，让帮助和被帮助变成平等的关系，比如创作者和购买者的关系。你想想看，是不是？这也是ESG营销战略洞察的一环。

四、品牌到底该如何制定ESG营销策略？

我认为有三个关键：

1. 以产品为基石

当你不知道怎么做时，最佳办法是忘掉商业，回归第一性原理。最近，我观察到大消费赛道，一个咖啡届的牛奶品牌“朝日唯品”，它们就在践行一种”循环农作”的故事，很有意思。

2003年，山东一些人为了改善土地质量，和「朝日」集团一起开了个公司，给土地休息了整整五年；后来，他们请来了日本的养牛专家来负责养牛，于是就建立起了一个农业和牧业都有的园区。

2016年，这个品牌被我们国内的一个大农业公司「新希望」集团买了下来。2021年，朝日唯品就像变了个人似的，他们开始强调“循环农作，自然出美味”，主要卖的就是高品质的牛奶和有机蔬果。

看看他们从创立开始到现在的过程，就能感觉到这个品牌跟“环保”这个词是绝对挂钩的。

实际上，朝日唯品所有产品定位、营销活动，都是基于“循环农作，自然出美味”这个核心理念来进行的。

比如说，朝日唯品的酪乳都是从自己的牧场产的，有机蔬菜是从他们自家的农场长出来的；再比如，产品包装、配套的餐勺都是用的可降解材料。

有人可能会有疑问，这么循环农作最后能得到什么？我想，如果你享受了大自然的馈赠，自然有一天，时间也会给出不同的答案。

2. 切勿表层化

当我们从社会责任的角度看，每个企业都是社会的一份子，应该贡献自己的力量和资源，做到尽可能多的环保、社会和治理方面的工作，尤其是那些符合国家规划的内容，做得越多越好。

但从营销的角度来说，公司则需要更精明一些。需要挑选那些与自己密切相关，符合自身长远战略的事情做，然后再通过营销、传播来让更多人知道，

毕竟这样做既可以满足社会责任，也能帮助提升品牌形象，双赢；我看到现在很多上市公司都在弄ESG（环保、社会、治理）战略，但大多数人都还只是在做报告、写白皮书，没实际行动。

现在不是只讲大道理的时候了。

三个方面，现在都已经有很详细的划分，公司只需要找到自己最应该关注的细分，然后，付诸实践就可以了。

举个例子：

如果一个公司主要想讲人文故事，那他们就可以将主要的营销策略制定为3-5年的长期计划，每年都有一个大主题，每个月用小主题去组合。这样既能保证内容的持续性，也能让消费者对品牌有持续的了解。

千万不能今天跟这个主题走，明天又跟那个主题走，这样消费者搞不清楚，你到底在ESG中关注的是哪个方面；而且，如果一个品牌不能在这个大主题上有持续的行动，那也无法从中得到长期的收益。

3. 解决实际问题

这些年，我个人觉得做的还不错，与ESG相关事件有“冰桶挑战、地球一小时、蚂蚁森林、腾讯1元购画”。

这四个活动代表三种形式。蚂蚁是持续的公益产品设计，地球一小时属于IP打造、冰桶一小时属于非常成功的campaign。

这些案例我领悟到，要想将活动推广好，并打造出具备长期性、广泛影响力的品牌，品牌首先需要双聚焦（项目、人群）；其次，要把ESG营销当做一个产品，一个IP去打。

简单讲，你到底要解决哪些人、哪些问题。而不是泛泛的谈大爱、奉献、慈善，得拿出具体行动，抽象很难打动消费者，要爱具体的人。

举个简单例子：

保洁从2018年开始就为舒肤佳、海飞丝、欧乐等品牌在海报中围绕“爱”做铺垫。

2019年的母亲节，2020年的“妈妈的工资”，2021年的“快乐妈妈学院、爱能超越偏见”，2022年的“只要上场，就要漂亮”，连续做了5年关于“爱”的主题。如果往后5年，把这个主题落到实际中，是不是显得理所当然？所以，ESG营销正在由虚向实，从而最大限度提高品牌生命周期。

总体而言：

找到主线，去爱具体的人。

重要的不是白皮书多好看，而是，品牌在脚踏实地解决哪些问题；解决问题过程中，思考下，到底用什么叙述法，完整的表达出来。

B2B市场对于很多企业来说是一个挑战，因此一个正确的求生指南可以帮助企业更好地把握市场机遇，提高市场销售竞争力。那么作为市场人如何把握市场机遇呢，本文讲述相关内容，希望对你有帮助。

作为CMO，你最讨厌听到的一句话什么？

“整个部门都要裁掉？”

假如真是，你可能只会惊讶地说“没想到如此突然…”不至于愤怒到想拍桌子骂人。

但当销售投诉“市场部做的事情没价值，乱花钱又没有带来可转化的商机”时，很多CMO已经撸起袖子，准备开战了。

心里暗骂“我们搞活动每天忙得要死；为了免费合作机会求爷爷告奶奶；和供应商斗智斗勇谈价格…到头来你说市场部的工作没意义?给了那么多线索不好好跟进，还说我们做得不好？”

不写个长篇邮件细说成果1，2，3或者找CEO理论，无法平心头恨..

不知道你有没有这样的经历？据我小样本的不全面观察，不仅是CMO，我们不少市场人（即使是一个人的市场部）也常因为无法量化产出或ROI不理想被PUA，甚至崩溃地想辞职（却又不甘）。

最近我和一位科技企业资深销售副总裁谈起这个话题的时候，他说“市场部工作是很辛苦，我也很感激，但我们全年最大活动后拿到的商机少得可怜，有点说不过去…”

我心里一惊，问“是不是目标客户不太对？”他回答“市场部不了解真正的决策者是谁，邀请了一堆技术爱好者。现场很热闹就是没产出…现在销售压力很大，只搞品牌可不行，再说我们平时的线索质量也非常差。你帮忙看看有什么方法提升一下？”

本来还想反驳几句，但站在他的立场，我也能理解当下最关键的还是业绩。

于是，我从询盘、线索、内容等角度说了说我的建议，他听完表示非常赞同“如果市场部能够做到这些，那销售肯定全力配合…”。这几天我把想法理了一遍，也分享给你。

一、跟进好客户主动询盘

“询盘”是我这几年才学的新词，第一次听说的时候还上网查了查。原意是指客户询价，在国际贸易商用得多。

近几年来不少企业用这个词来替代“inbound marketing”，客户主动上门问产品、解决方案、试用等都算，如果跟进顺利，转化率往往最高。

过去，接到询盘电话后转给相应的业务员跟进就行了。

现在，询盘的方式不限于电话，更多是留言，甚至是下载了白皮书后再问细节问题等等。

市场人就不能再简单地把“您贵姓和您的联系方式”记下来就转给销售就完事了。

还需要互动、解答并做好信息归类及”打好标签”…道理都懂，但做起来就很难。“不知道跟客户说什么啊”，“销售说不要让我们碰客户”，“我们没有专门的电销团队…”这些话是不是在你脑海里出现了？有时候接到电话时连什么客户是什么公司的都不敢问，更加不要说张口问从哪个途径了解的信息，主要的需求是什么了。

我也见过把联系方式扔到销售群，然后怯怯地说一句“麻烦哪位销售大佬跟一下，谢谢” ，就没有然后了。

我也理解销售，接到这样的信息，起初还有点热心。但回电之后，发现是竞争对手的马甲或不相干的错误信息等就很恼火。还有的是前台固定电话，那约等于陌拜…“狼来了”次数多了，也就开始借口应付了，还常常嘟哝“市场部给的信息还不如我去企查查或招投标网站上找，花了那么多钱搞官网，拍视频一点效果都没有…”

我的建议是:

1. 市场提前准备好话术清单（即便是客服团队跟进，市场部也要参与话术制定）

这个清单需要和销售提前沟通并达成共识，明确哪些信息是他们跟进前想知道的。

比如：您从哪里知道我们的？您的公司所在的行业？我针对性地发给您一些案例？您想了解的是哪方面的信息？…“您可以看看我们的公司信息“，”这里还有我们最新的解决方案…”

不要担心客户会觉得烦，只要态度真诚，礼貌沟通，真正有兴趣想了解的客户是会耐心的把自己的问题说清楚并多聊聊的。反倒是搅局者才会不耐烦或者找茬刁难。

2. 接到信息后，仔细归类整理，有效的线索再交给销售

如果有系统可以自动记录最好，如果没有，互动后用简单的Excel把询盘信息整理好。包括联系方式、客户需求、感兴趣的产品、获取信息的渠道…这些客户的个人信息和行为数据是非常有价值的一手数据。在沟通中做一些初筛，把一些拿不准的，也许不是真实有需求的客户挑出来，标注清楚给销售或者渠道部门判断。市场人也要对销售当下跟进的客户、现有的合作伙伴有所了解。比如有的企业一看就是某大客户下属的三产公司，最好由现有的销售代表跟进。

3. 市场人必须接受简单的销售培训

前面两点对于市场新人还是有些难度，也许可以谦虚地请教销售部做个简单的培训。比如如何判断是不是真正的客户，遇到客户直接询价如何回复…有经验的市场人会把询盘当宝贵的市场调研，了解客户的窗口。前提是不要太啰嗦唠叨，懂得沟通简单的销售技巧。

二、量化线索评判标准

好了，前面提到的把表格整理好了，要不要一股脑的给销售，要求他们必须24小时跟进呢？看情况。毕竟，询盘信息还不真算MQL，市场人或者市场部门的线索管理部门（有的是电话销售）还需要给线索打分。

同理，在市场活动后获取的线索，一样需要沟通后才算MQL。常见的误区是把联系方式当成了线索，一股脑转给销售，后续就不再过问了。（确实有部分原因是销售不愿意告知进展）

成熟的市场部门会用BANT（预算、角色权限、需求、时间点）来评判是否算MQL，也有些公司在SCRM、CRM系统上设置冷、热线索评分标准。（网上有很多相关的内容）

重点说说数字营销刚刚起步，又没有成熟的系统和流程时可以与销售商量制定反馈机制。

举个例子，假如是热线索，再简单分为三档，可以是：

一档是客户需求明显，之前了解过产品，预算也有了。销售必须在24小时内联系。

二档是客户表明了意向，希望供应商售前上门。销售在48小时内给客户建立联系，了解更多信息。

三档是客户有兴趣，但是目前没有立项，预计在一年内采购。销售72小时内建立联系，发送客户案例等。

每家公司的产品形态、单价、销售模式不一样，最好是市场部门邀请销售团队充分参与规则的制定。双方对MQL、SQL的标准“签字画押”，并设置决策小组，处理不清楚的个案等。

同样需要提醒的是，在判断需求之前，先和基础数据和过往反馈信息做匹配。比如联系人所属的公司是不是之前也参加过活动？之前的反馈是？这次可能客户的需求变化是…

以上这些问题多多分析并与销售沟通，销售自然会认为市场人有点懂，并且和他们属于一个战壕的兄弟。

三、参与线索转化全过程

做到了上面这些，也许转化率还是不高，那么尝试持续在客户体验每个阶段多做一些：

1. 前：在获取线索的时候，不要盲目地胡子眉毛一把抓，只顾流量而不精准。花了精力和金钱，非但没有正向效果，更有可能对真正有需求的客户有负面的影响。在市场活动、邮件营销、SEM等营销方式的计划阶段，都需要非常了解目标客户群体在哪，积极触达。高效的线索才能形成转化闭环，销售参与热情越高，公司的重视度和投入才会越多。

2. 中：无论是在活动的现场反馈还是官网主动留资后，市场人都可以在互动上花更多点的心思。比如针对性收集反馈信息、主动给客户发送演讲文档以及所在行业客户案例、继续组织行业小规模的交流、定期在线关怀、新技术使用培训等等。在与客户建立联系并产生信任之后，在许可的情况下，把最可能有采购需求的客户交给销售跟进，积累市场人的信用。

3. 后：销售在跟进客户过程中，市场人可以提炼话术及场景故事、产品以及案例资料、组织1对少的客户workshop….还可以帮助找到客户决策的影响者（专家、媒体、第三方组织等），帮助销售推进线索转化。

如果能从这三个方面都和销售充分的沟通达成共识并不断优化。共同努力下，效果一定不会差。销售某些时候不想让市场插手客户沟通，还是担心力气没使对，帮了倒忙（其他的原因也许有，各家各人情况不同）。

市场营销是专业工种，如何大规模触达客户，如何传播内容，如何玩转自媒体，如何让内容更吸引人…都应该是市场人强项。

不要仅仅埋头在格子间或奔波于展会上，更要多想想为什么要做手头上的事，还有没有更好的方法会使效果更好？

越是专业地站在市场和客户的角度思考，越能得到内外部的尊敬和认可。这个法则这么多年来一直没有变，未来也不会变。

在社交类APP或APP的社交模块中，我们常常可以看到动态卡片这类信息展现方式的利用，这类组件的设计常以图文排版为主，虽然不那么复杂，但想设计得当，却仍需注意设计上的一些细节。本篇文章里，作者就对动态卡片的设计方式进行了解析，一起来看看吧。

一、组件介绍

动态卡片是用来承载一段、一篇、一条UGC (User Generated Content，用户生成内容) 的信息展示形式，主要出现在社交类APP，或任何APP的社交模块中。

动态卡片多以图文排版为主，其排版本身并不复杂，但一旦我们说到排版不复杂，就意味着「亲密性」在排版中的重要性前所未有的高，因为越简单的排版越容易感知到亲密性的偏差。

所以简单的组件想要排好还是有不少需要注意的点的，下面我们就一起来看看。

二、使用场景

动态卡片的使用场景相对来说还是比较单一，社交类APP是其主要场景。但目前国内APP的生态习性导致你可能在任何APP中看到社交模块，一旦有社交模块，就必然也会随之出现动态卡片。

在社交模块中，任何用户发布的帖子（post）、推文（tweet）、朋友圈（moment）、笔记（Note）或类似的即时分享型、并可让其它用户与之进行互动的内容，我们统称为「动态」，这些地方都需要用到动态卡片。

三、设计要点

1. 布局

动态卡片的主流布局有两种，传统社交APP基本上都使用列表流，即一行只展示一个动态的流式布局；但随社交产品的越发垂直和整合，一些APP也开始使用瀑布流式布局来让页面一次承载更多的卡片。

1）宽松布局——列表流

列表流是我们常见的动态卡片布局形式，尽管跟传统的等高列表流也有所不同，它的高度实际上弹性相当大，但大致上依然遵循一行展示一个动态的核心思想。

这种布局的优点在于能够完整地 (或相对完整地) 展示动态发布的所有内容，缺点在于浏览效率比较低，你必须看完这一条才能滑动去看下一条。

这样的特性让列表流非常适合更沉浸的动态浏览，用户处于更松弛的浏览状态，这种状态非常适合文字阅读，所以我们可以从日常使用的APP中体会到，大多数采用列表流的动态，都以文字内容为主，或至少没有明显的图片/富媒体社交倾向。

2）紧凑布局——瀑布流

一些新出现的图文和富媒体分享平台会采用瀑布流式布局。

瀑布流的优点即一眼能浏览到更多独立的条目，但缺点也是单个条目的信息被大大压缩，在这种情况下图片的占比变得非常大，所以主要以富媒体或图片为核心的社交平台多使用瀑布流式布局。同时也比较适合目的性强的动态浏览状态 (比如搜索)。

2. 内容

瀑布流的内容相对固定，也没有太多的东西要讲，我们这里着重讨论一下列表流动态中，都会呈现哪些内容。

总体来说，列表流动态卡片需要分成三个部分来讨论：发布信息、内容信息、互动信息。

1）发布信息

包含发布者的信息、关注按钮、发布时间、发布在哪个细分社区等与发布相关的信息。

2）内容信息

为动态的主体内容，包含文字、图片、富媒体和标签，有些APP会把标签做到正文内，也有把标签单独做在底部的做法。

3）互动信息

包括点赞收藏转发分享等互动按钮和部分评论，有些APP甚至会在每个动态下方都加一个评论输入框 (例如QQ空间)。

3. 排版

有了内容，我们就能聊聊排版了。动态卡片因为信息比较多，所以在细节的排版上有不少细微的差别，这些差别或许只是形式的不同，并没有优劣之分，具体如何选取则需要根据项目需求自行决定。

1）整体排版

即上述三类信息块的排版，因为整体只有三块，所以排版来说相对好排，通常做法从上至下依次为发布信息、内容信息、互动信息。

不同顺序的排版也曾经见过，例如内容在先、发布者信息在后的形式，但近几年是越发少见了。

2）内容缩进

除了两端对齐的基本做法，也可以让内容信息和互动信息与昵称对齐，这样做能让卡片的区分更加明显，形成内容归属于发布者的强烈印象。

3）互动按钮

位置上，存在均分、偏分、单侧三种情况。

均分是大多数设计的选择，视觉上更加稳定。

你如果要问4个按钮的情况该如何各自对齐，我建议是4个按钮按照下方的均居中对齐处理。

偏分则起源于手机交互中拇指的交互舒适区会稍微偏左侧一点，所以也有不少App会把比较重要的交互按钮放在左侧，不重要的放在右侧。但在大屏手机的时代，右侧反而比左侧更容易交互，所以也出现了完全相反的设计；

单侧排版则是由于为了稍微压缩高度，把其中一部分内容(例如标签)和交互按钮放在同一行了，所以按钮只能居右。

4. 图片展示形式

产品对图片权重的不同定义往往也会影响着图片排版的设计，具体来说，常见的图片展示形式有两种：画报和网格。

1）画报

对于图片权重更大的动态卡片，图片会占用更大的区域来进行展示，多图则以画报左右划动的形式出现。

2）网格

网格 (或称之为九宫格、宫格) 是更加常见的图片展示形式，非常适合文本和图片没有明显权重区分，或是不希望给以用户某一方倾向的动态类型。

但我们要注意到，对于某些特定数量的图片，设计师需要针对性的给出适合该数量的布局。例如：单独一张图片的时候，其比例可以随图片的原生比例进行适配，这也可以很大程度上解决视频的适配问题；但两图以上则会将图片比例限制在正方形内。

再例如：4张图片的时候，为了防止第二行只有一张图片的尴尬情况出现，会特意将四图安排在九宫格的左上四个格子内。

甚至在某些极端需求下，设计师可能需要单独制定1-9张图各自的展示规则。

5. 不一样的动态卡片

1）tumblr

tumblr的设计当年也是社交App品类中的标杆之一，尽管如今大体早已没落，但早期的交互遗产至今依然有不少在熠熠发光。就比如动态卡片的图片版式，Tumblr允许用户自己定义图片的行和列，每一行有几张图都是可以自己进行调整的，所以在Tumblr中动态的图片排版花样非常多。

在编辑器中，只需拖动图片到某个位置就能自动完成排版。

2）Moo音乐

Moo音乐本是一个音乐App，但是加入了一些车叫元素，所以Moo音乐的动态卡片与音乐有比较强的关联性，我们便能看到动态卡片中出现音乐富媒体的做法。

四、样式拓展

这里收集了一些动态卡片的线上案例，也可以作为设计时的参考：

本篇文章将阐述级联选择、树形选框、穿梭框这三种组件的基本内容和用法，进一步分析这三种组件的区别，希望能对你提供一些帮助。

同样都是选择组件，你可能会想：

• 级联选择（Cascader）是否支持多选？
• 树形选框（Tree Select）可以怎么用？
• 穿梭框（Transfer）和前两者的区别是什么？

本文就来详细分析下这三者的区别和联系，帮助你做好应用。

一、级联选项 Cascader

级联选项是一种选择控件，选项以分组菜单的结构呈现：

其用法特征是：

1. 通过分组多列进行展示，常用于单选，也可支持多选。
2. 选项需要有一定的逻辑顺序，从集合到单项进行选择，且最好是符合用户认知模型的集合方式，例如“省、市、区”。
3. 整体需包含两个及两个以上的层级。
4. 与输入框连用，以下拉菜单承载。

二、树形选框 Tree Select

树形选框也是一种选择控件，选项内容以树形结构呈现：

其用法特征是：

1. 单一列表的树形结构，常用于多选，也可支持单选。
2. 通常适用于选项有一定逻辑顺序的选择场景，体现选项之间的关联性和层级性，比如内容间是“上下级关系”或“权限的包含关系”。
3. 整体需包含两个及两个以上的层级，第一层级默认收起，避免选项内容过多致使用户需要不停向下滚动操作。
4. 在页面中占据的空间较小，可与输入框连用，以下拉菜单承载。

三、穿梭框 Transfer

还是一种选择控件，以双列列表的结构呈现。

其特点是：

其用法特点是：

1. 在两栏中选中并移动元素完成选择操作，常用于多选，也支持单选。
2. 两列选项列表中：一列为源列表，一列最终目的列表，即用户可以同时看到选项的来源和归宿。因此左右两列的选项结构应尽量保持一致以便于用户比较和理解。
3. 强调内容是“移走”而不是“复制”。比如可以用于以下的操作场景：某个权限从 A 手中转到 B 手中（也即当 B 拥有该权限时，A 就不再拥有该权限）。
4. 占用更多空间，可以展示关于选项内容的更多详细信息、包含更多的层级结构，常用弹窗或新页面来承载。

四、使用建议 Advice

1. 关于使用场景

• 级联选择 Cascader：常用于单选。
• 树形选框 Tree Select：常用于多选。
• 穿梭框 Transfer：常用于多选。

2. 彼此之间的关联

对于功能类似的级联选择 Cascader 和树形选框 Tree Select，在一个表单中尽量只选择一种组件样式。

你可以从以下几点条件、结合你的业务需求来综合评估到底选择哪个组件：

1. 选项的层级数量。
2. 选项的总数量。
3. 用户对于选项及其层级所建立的认知模型和心理预期。
4. 用户通常会如何选择选项（比如是否经常会全选第一层级）等等。

另外，穿梭框 Transfer 中的选项内容也可使用树形选择 Tree Select 来展示，能够让内容结构呈现更加清晰和有序。

B 端设计系统和组件设计是值得每一位设计师都深入研究的课题。

产品设计师工作到‍3年，设计水平几乎没有差异，那么在求职过程中，什么才是让自己脱颖而出的关键呢？本文作者列举了一个求职案例，对此展开了分析，与你分享。

大环境：最近一两年找工作的小伙伴应该深刻感受到互联网寒气逼人，各个大厂裁员及AI技术的席卷而来，对普通设计师来说亚历山大。

到个人：聚焦到我们个人找工作时，经常面试过程中就被要求做测试题。现在僧多粥少情况下，我们没得选。测试题常常是现有产品改版之类，那么我们改版到底是如何做呢？

‍最近在网上看到一个求职的设计师提交一份关于作业帮的测试题，该求职设计师工作六年，由于测试题没过，他发出来想听听大家的修改意见。我在前面一篇《设计师这样复盘成长更快》提到设计师工作到‍3年，设计水平几乎没有差异，在这位求职者身上得到充分证实，他在设计能力上没有任何问题。

我们可以看到该设计稿的优点：

• 瓷片区色彩差异明显，功能诉求清晰，可点击感强
• 球区及tab栏图标绘制规范，视觉统一，特征明显，符合目标用户审美
• banner设计整体设计融入IP形象，加强用户对品牌的形象感知
• ……

这些优点放在三四年前找份工作信手拈来。但如今市场变了。在设计资源过剩的情况下，期望得到一份不错薪水，仅凭「没有问题」竞争力似乎稍弱了些。

• 品定位：工具性产品、内容推荐性产品
• 目标用户：小学、初中、高中学生及其家长
• 学生用户特征：大脑、身体发展阶段、有强烈好奇心、积极正向的社交、情感需求、个性化需求

前面分析一直到这里我都感觉没什么问题，下面问题就来了~

01 问题一：现状问题待深挖

「设计现状：品牌感知弱；设计样式陈旧；一致性差、信息层级关系不明确」

在我司这样写设计现状估计被怼，我司一直强调结果导向，也就是说这个设计现状解决了之后能给产品带来什么实质性的好处，如果有如何证明？如果没有还有必要花资源去做吗？

工具性产品特性就是用完即走，内容型产品主要以UGC和PGC为主，品牌感知、设计样式、一致性问题本质上是不影响用户使用产品的，那么这3个问题其实对产品来说无关痛痒。

如果这里设计师向前走一步深挖一下，以身边的用户做个定性调研或问卷，最后得出具体的3个问题，再根据得出的问题推导设计目标，最后把这整个过程写到测试题上是非常加分的，每一步合理且严谨。

以上是我之前写的设计如何提升话语权中的设计工作流程，感兴趣的同学可以翻来看看，其中挖掘问题这块非常重要，直接影响后面的设计目标。

由于前面设计现状提出的问题可能根本不是解决产品真正的问题，所以得出的设计目标其实也是错误的推导。单拧出这里设计目标的3个点，其实非常套路，因为这3点放在任何产品上都成立。

比如针对电商产品：强化品牌认知、视觉语言升级、简化层级，提升易用性，好像也没毛病，面试官看到这里后面不用看都知道你的答案了，那么在视觉部分如果如果不够出彩，那么结果可想而知。

02 问题二：页面布局&交互方式

方案A：

• 方案A和设计改版前布局上几乎没有差异，仅设计样式上的更新
• 方案A活动区1胶囊banner使用IP形象没有考虑拓展，如果换一个活动怎么做出2个活动之间的差异？没有给出解决方案
• 方案A弱化活动区2模块，可以看出是突出瓷片区和球区，解决信息层级关系不明确这个问题，但是整个底部色彩明显就暗沉了，是否符合小初高学生用户的审美？或者说有没有更合适的方案？或者改版前靠运营活动拉新，这样改版造成数据下降怎么解决？

方案B：

1）交互方式

方案B中可以看出该同学想提升瓷片区和球区点击率，但是首页交互用一个不太常见的方式去扩充的内容承载能力。可以看到市场上大多数APP首页都没有加入很复杂的交互方式，对于低龄用户是否越简单越好呢？当然我这仅是个猜想需要去证实。

这让我想起工作中常常遇到一种情况，产品需求通常是一直加页面上加内容，做上个需求时，设计需要重点突出模块A，等到做下个需求时设计又要突出模块B…这样不停的累积叠加，重点内容越来越多，界面越来越花越来越没重点，作为设计师的你是怎么解决呢？

2）页面布局

为了创造出人眼遵循的正确途径，我们需要了解眼睛是如何处理信息的。如果你能预测用户的视线将会占有极大的优势，在布局页面元素时前，你就可以知道优先的该摆放在什么位置，一旦你知道你想要用户先看到什么，你就能可以通过视线的规律将你的重点内容放在用户的“热点”里。

所以容易点击 ≠ 点击，所以改版前的方案瓷片区+球区放页面上方也不能全盘否定。

页面布局的核心——让用户快速获取信息。不管是看拼多多还是美团，工具型产品更明显，打开APP的最初目的都在界面上寻找信息，找到后就操作，然后继续找……如此循环。别说你就逛逛，你逛着逛着为啥就买了，因为你潜意识逛就在判断这个东西自己是否需要。

所以点击流程应该是：讯息被看到 → 判断是否需要 → 是否点击。内容放在易点击区域，只能说明该内容容易被操作，那操作动机是什么？你再怎么容易点击，一个界面就一个按钮，他不需要也不会点，俗话说叫不醒一个装睡的人一样的道理，设计要做的应该是加大这个点击动机。

截图右侧是目前线上版本，可以看出该产品对不同年龄用户精细化运营。两个版本比较可以看出拍照搜题是该产品核心功能，其它功能针对不同年龄用户层设计，2个版本都遵循第一视觉区原则。

另外：页面内容布局考虑了用户习惯，但是我们需要观察小孩子使用手机方式，用父母手机、自己手比较小，如果怕摔很可能是双手去使用手机，而图示是单手使用手机用户的习惯，操作体验合理性需要证明。

03 问题三：内容差异性

在课程推荐这块融入统一的IP形象，统一的品牌色，封面的差异性需求仔细读文字才能区分，这个设计看着就很不专业。

前面学生用户特征：大脑、身体、心理发展阶段强烈好奇，个性化需求，统一的模板完全违背了用户特征，再不济也可以用课程标题文字字数区分课程封面，3个字、5个字、8个字…不同字数设计不同排版的封面区分不同的课程。

我记得之前K12课程火爆的时候，封面通常是讲课老师形象+不同的背景色区分，既可以传达老师的专业性，又可以区分不同的课程，还是比较好的解决方式。

04 如何解决

说了这么多相信看到这的同学肯定会说BB了这么多，咋不看你动个手啊，动动嘴皮子谁不会啊！其实还是我前面一句话，设计师工作到3年或以上，设计水平差异性很小，到这时候是设计思维的差异，是解决问题的能力。

例如前面提到提高瓷片区的点击率，该同学的解决办法是改变交互方式放在易点击区，如果是我，就现状问题这块，我会深挖：

• 周围K12用户做个调研，听听用户的声音，及各种渠道的用户反馈
• 竞品分析，琢磨差异点背后逻辑
• 网上可以收集到的各渠道数据表现分析
• 结合自己使用体验总结分析

至于如何做调研、做竞品分析……这些资料网上很多，后面有机会可以和大家讨论。我们只有在深入了解后重新定义要解决问题，重塑设计目标，设计目标定下后就设计执行了。

注：以上仅个人观点，欢迎讨论。

前人留下的一些设计原则能够帮助我们更好地进行页面以及产品的设计，让用户有更好的体验。本文对帕累托法则进行了介绍，希望能帮助大家在以后的设计中更好的理解与运用。

威廉·斯特伦克（William Strunk）说过：“优秀的设计师有时会无视设计法则，但当他们这样做的时候，通常会有一些补偿性的措施，除非你确定你能做得那么好，否则最好还是遵守这些法则”，所以设计师需要对一些通用性的法则有所理解，做好相应的知识储备，以便在需要时从中找寻相通的规律和事务的本源。

设计常常是以一种美观且富有规律的形态出现，不论大家是何种姿态、什么样的知识背景，一旦踏入设计领域之后就会忍不住的去寻求设计法则，探索期背后的设计规律，因此经过长期沉淀，一些大佬和前辈们留下了大量的通用设计法则。

今天，笔者就说说帕累托法则，希望能帮助大家在以后的设计中更好的理解与运用。

一、认识帕累托法则

1. 帕累托法则的背景

19世纪末，意大利经济学家和工程师维尔弗雷多·帕累托（Vilfredo Pareto）发现，自家花园中80%的豌豆产自于20%的豌豆荚，在随后研究土地所有权和财富不平等的问题中，再次发现意大利 80%的土地属于 20%的人。

20世纪初，由管理学家约瑟夫·朱兰（Joseph Juran）将其命名为帕累托法则，即80%的结果是20%的原因造成的，并且号召关注「重要的少数」而不是在「琐碎的多数」当中投注精力。后续在经济学中得出结论（80%的财富掌握在20%的人手里）更加证实了帕累托法则的观点。

2. 正确理解80与20

帕累托法则有很多不同的叫法，如帕列托法则、关键少数法则、二八法则、巴莱特定律、最省力的法则、不平衡原则等，后续笔者将其称为「80/20法则」。

其实，80/20法则是一个较为抽象的概念，可以理解为：大部分的效果由少数几项关键的因素来决定。在实际的场景中，“大部分”不是精确的80%，“几项关键因素”也不是固定的20%，数据会有所浮动，可能是70%+30%或者90%+10%，但不管这些数字如何波动，其背后蕴含的规律（集中的投入将产出大于预期的结果）是不变的，并且生活中存在的许多不平衡现象，都与这个规律相当接近。

3. 可适用范围

80/20法则并不受人为直接控职，更多时后是自然而然的形成，其适用领域非常广泛。早期大多数用于社会、经济、管理以及工程等领域，而在80年代末就已经有设计师将其设计领域，在各行各业中，已经有大量的案例证明了 80/20原则：

• 人类80%的科学发明，来自于20%的人口
• 社会上20%的人占有80%的财富
• 城市80%的交通，集中在20%的道路上
• 20%的客户为公司贡献了80%的收入
• 公司80%的收益来源于20%的产品
• 20%的网站获取了 80%的网络流量
• 20%的常见软件错误导致了80%的系统崩溃
• ……

4. 设计领域中的运用

70年代中期出现图形化界面，而到80年代末，80/20法则就已经被设计师引用在设计规范当中，后续经过不断的发展及优化，现已深入设计中的方方面面，PM用来处理KPI、UX用来划分权重、UI用来决策版面布局等。

界面设计中该如何应用80/20法则，这就需要设计师时刻注意如何让用户更快找到目标、如何更顺畅的完成任务以及如何拥有更愉悦的心理感受。例如80%的用户只会用到20%的功能，那么设计师就应该将80%的时间、精力集中在这20%的功能上，不断迎合用户需求以及使用体验。

二、产品如何应对80与20

1. 关键性的20%

80/20法则能够帮助我们提供决策思路、梳理设计方向，通过前面的了解，我们应该清楚了产品80%的用户只会用到20%的功能，而80%的收益也恰恰来自于20%的付费用户，甚至低于20%。

虽然一直呼吁尽量满足所有用户，但产品团队的重心始终要围绕着20%来进行，从产品到设计、再到开发测试，都能以此为方向制定问题的解决方案。

2. 非关键性的80%

任何一款产品都不能忽略主次，每隔一段时间就要重新评估功能价值，以备后续的更新迭代，针对非关键性的80%切勿耗费过多的精力，以免喧宾夺主，不仅得到不好的反馈、还会带来不必要的损失，吃力不讨好。

对于已经过期的核心（曾经20%）功能，需要及时降低权重以及精力的消耗，不然即便是掌声一片、也可能无法变现。

3. 仅关注 20%有风险

用20%的部分创造80%的价值，并不意味着只关注20%的关键性指标、其它的就可以被忽略，这样做表面上看是挺诱人，但会让其他很多指标停滞，呈现出产品过度优化的情况，造成短时间内隐藏的负面影响。

团队应该要有众览全局的眼光，考虑到各指标间的相互影响，可视情况而定将时间和精力合理分配，如90%+10%、80%+20%、70%+30%等，只要是将大部分用在关键性指标上即可。

三、在UI设计中的运用

在UI设计中，我们会将主要精力花费在20%的页面设计上，例如APP底部标签栏的几大主页或其它重要的一/二级页面，会花费更多的心思去构思不一样的布局、表现手法，将设计功底凸显出来。而剩下80%的页面就相对机械化，会使用一些常规样式以及复用的方式像搭积木一样快速完成，成本之低、效率之高毋庸置疑。

同一个页面的设计方式也是如此，设计师将大量心思放在首屏及位置靠上的功能上，待超过一屏后下滑时，设计也会逐渐轻量、组件化，这有助于节省产品、设计、开发更多的时间。

1. 排版布局（F型）

用户浏览屏幕时，眼球移动的顺序通常都是从左到右、从上到下（基于网页浏览眼动测试），这种移动轨迹很像字母「F」，这也让F型布局成为网页设计中效率最高的方式之一，所以设计师通常会将重要的信息放在左上角或左侧，不重要的信息放在右侧。

如下面这张眼动测试图，F型布局也正好诠释了80/20法则合理性与可行性，在页面中20%的关键区域，吸引了用户80%的注意力。

2. 功能入口设计

很多产品因为业务功能的庞大，一股脑的将信息全部展示出来，看起来十分臃肿，用户不能快速找到自己想要的信内容，就会失去信心。

优酷APP首页将热门频道和点击频率较高的频道显示在顶部导航中，如精选、电视剧、电影、最新院线等，而其他更多的分类则隐藏在频道选项卡中，将少量（≈20%）重要的内容放在明显的位置，目的就是为了让大部分用户更快触达，提高了产品的易用性。

3. 选项列表设计

在一些选项列表中，由于选项数量的庞大，会给用户增加使用难度。

例如，使用美团购买火车票在选择地址时，面对超长的地址列表，逐个查看或通过字母筛选，都要花费一定的时间和操作成本，即便可以通过码字搜索来完成，但因为自行输入有很多的不可控性，能让用户选择的就不要让其输入。

对于地址列表，除开自动定位和搜索历史，运用80/20法则就能很好的解决这一问题，系统将约20%高频选择的热门城市作为单独的模块放在全部列表之前，提高了大部分用户的搜索效率。

4.  极简风格设计

极简风格的界面设计跟80/20法则在精神上保持着高度的一致，剔除多余、无用的元素，而保留的每一个元素都是有目的、有针对性的，也是绝对必要的存在。在极简主义设计中，视觉上简单干净，大部分都是通过通过留白来衬托关键性元素的存在，让用户更加聚焦于主要功能/信息。

四、与其他法则的纠葛

1. 与奥卡姆剃刀的结合

奥卡姆剃刀指出「如无必要，勿增实体」，需知页面中每多一个元素都会增加视觉“噪声”，意味着用户需要花费额外的时间和理解成本，对用户体验的影响是很大的。那么问题来了，当产品需要增加一项需求量小但确实存在的功能，该怎么处理？

这时我们可以将奥卡姆剃刀原则作为最终的评判标准，是否需要增加上述所说的功能，就要看看能否很好的控制团队开发成本和用户体验成本。

其实在80/20法则中，很多小众但确实存在的功能需求基本很难抵消所造成的用户体验损失，所以即便实现了这个需求，也很难分配出20%的精力去维护与迭代，甚至“俺耳盗铃”般的将其遗忘，但这个视觉“噪声”一直存在，如果事先能分析出这种结果，这个需求根本不需要增加。

2. 与长尾模型的对抗

在2004年长尾模型才被提出来的时候，很多人认为这是在颠覆80/20法则，它们的曲线长得很像，但结论完全相反，那条长长的“尾巴”（非关键的80%）所占据的长度几乎与头部的（关键的20%）高度相当，这说明收益虽低，但这么多数量的累积，依然值得重点关注。

所以有很多企业在采集差异化战略时运用了长尾理论，例如小米搭建的全品类商城用的是长尾理论。

乍一听好像很有道理，难道80/20法则被推翻了吗？事实并非如此，长尾理论的成立必须要满足两个条件，第一是尾巴真的足够长（小众需求确实非常多），第二长尾巴能被用户发现（庞大的用户量），这两个条件缺一不可。例如京东、淘宝、微信、支付宝等，其前提都是建立在大规模、且海量的用户资源之上，不管多么隐蔽、多小的动能，总能拥有一些不错的曝光度，所以才能发挥长尾模型的作用。

说道这里，大家应该就明白了，那些中小型的产品对长尾模型大多是望尘莫及，所以在你的产品规模、用户量没有达到一定的级别之前，就不要妄捧长尾模型，用好80/20法则就好。

五、结语

80/20法则在实际工作中是一个相对普遍的定律，它能让我们灵活思考设计问题，更好的为用户服务，虽然80/20法则也存在一定的争议，但还是适用于觉绝大多数的场景，在关键时候使用，能帮助我们准确的找到问题点，在有限的时间和精力下快速作出优化决策并、关注核心功能，最终达成目标。

本文作者从什么是语音交互、语音交互的底层技术、智能座舱的语音交互等方面，对智能座舱语音交互系统相关的知识进行了梳理与总结，希望能给你带来一些帮助。

出于学习-总结的目的，在我从什么是智能座舱、智能座舱的发展驱动因素、智能座舱的构成要素三个方面梳理我对智能座舱的基础认识之后，为了加深“智能座舱产品入门”课程中语音交互部分知识的理解，我从什么是语音交互、语音交互的底层技术、智能座舱的语音交互等方面，对智能座舱语音交互系统相关的知识进行了梳理与总结。

一、什么是语音交互

语音交互：语音是方式，交互的对象是任何的智能设备，顾名思义，即通过语音的方式完成人与机的交互。

在现今的各种智能化场景中，语音交互已成为一种非常关键的人机交互方式。从用户的角度来看，语音交互的核心价值主要体现在释放用户的双手，使得人与机之间的交互变的更高效便捷。

然而，从用户发出语音指令到实现与智能设备的交互，其过程并不像其名词描述的那么简单，要实现通过语音来完成人机交互，要解决解决三个关键问题，如何让机器听清用户的语音内容？如何机器理解用户的意图？如何让机器执行用户的意图？，解决这些问题的的过程是复杂的，其背后涉及到多个复杂的技术环节，如语音识别、自然语言理解、对话管理、自然语言生成、语音合成等。

二、语音交互的底层技术

1. 语音识别

在语音交互系统中，用户的语音信号需要经过多个处理阶段才能得出正确的结果，而语音识别是实现语音交互的第一步，其在语音交互系统中负责对用户的语音信号进行前置处理，通过对用户语音信息的预处理、解码等关键任务，最终得到语音信号对应的文本内容，从而实现机器听清的用户的语音内容。

1）语音输入

用户通过麦克风输入内容语音，例如：打开空调。

2）预处理

预处理是语音识别过程中的一个基础性步骤，它的意义在于对录音文件进行分帧、去除噪音、语音增强、加窗等预处理，提取出有效的声音特征，用于后续的语音内容分析处理。

①去除噪音

由于用户环境因素影响，MIC设备录制的声音，除了人声，可能还会包各种噪音，那么为了语音识别的准确性，在识别前就需要先处理掉原始音频中的噪音部分。

去除噪音的实现过程大体可以理解为：首先提取原始音频中声音的频率、时域、能量等特征，通过对这些特征的对比分析区分原始音频中的人声和其他声音，然后通过滤波、降噪算法（基于频域的傅里叶变换、小波变换，或者基于时域的信号平滑法）等手段，实现去除噪声的目标。

②预加重

在语音输入的过程中，由于环境和距离等影响因素，MIC录制声音可能会出现高频衰减和低频增益等失真现象，这将会影响后续语音识别的结果。

例如：用户的语音内容为“apple”，由于高频信号被衰减掉，录制的声音中可能只留下了“p”和“l”的较强信号，这将导致语音识别系统误认为说的是“pl”而不是“apple”。 针对这种现象，预加重通过加强高频成分的能量和减少低频成分的能量，让不同频率的音频信号能够在信号处理过程中均衡化，从而提高语音识别的准确性。

为了更形象的理解“预加重”，可以将其类比于在图像中的“锐化”，使得边缘更为清晰。

③分帧

原始语音信号是一个连续的波形，是一种时间和频率上都变化较快的信号，在语音识别的过程中，如直接对连续且长的语音进行计算处理，会增加计算的难度降低识别的准确性。因此，为了提高语言识别结果的准备性，需要将连续且长的语音信号分为若干个固定长度的帧，分帧后每帧内的信号的频谱变化就会较为缓慢、稳定。

例如：以“打开空调”为例，假设录制的语音时长为2秒，采样率为16000Hz，那么原始语音信号就是一个长度为32000的一维向量，如果直接对这个声音信息进行语音识别，计算量会非常大，而且由于语音信号的频率和幅度变化非常快，很难进行有效的特征提取。

④特征提取

完成去噪、预加重、分帧等前端处理后的语音信号，不能直接用于识别，还需要将其变换到频域，然后利用线性预测倒谱系数（LPCC）和 Mel 倒谱系数（MFCC）等方法，从语音信号中提取用来描述语音信号的各种特征，以便识别模型能够更好地对其进行分析和区分，这些特征包括：帧能量、音调（调子、语气等）、基音频率、音周期、共振峰、谐波结构、声道特性等。

为了更加形象地理解“特征提取”，可以将其类比为制作抖音电影解说短视频，在制作的过程中，你需要从完整的电影中筛选出最精彩、最有代表性的片段，需要对整部电影进行剪辑，然后把这些片段组成一部短视频，以便于快速地展现电影的精华和主题。

⑤其他

原始音频的预处理，除了去除噪音、预加重、分帧，还有加窗、语音信号能量归一化、频率滤波、动态特征等，具体可以参考专业资料。

3）解码

在完成原始音频信号的预处理与特征提取之后，需要将提取到的特征输入语音识别模型中通过声学模型、词典、语音模型的协同计算来得到最终的识别结果。

①声学模型

声学模型负责对语音信号进行特征提取和处理，生成一系列特征向量，然后使用这些特征向量来计算每个可能的音素的得分，并根据得分选出最可能的音素序列。

②词典

在生活中，我们有认识的字的时候，可能会通过网络搜索或查字典的方式去寻找答案。在语音识别系统中，也有需要一个词典，用于识别音素对应的汉字（词）或者单词。语音识别系统中的词典包括了一系列的词语和它们对应的音素序列，这些音素序列反映了词语在语音信号中的语音学特征和发音方式，通过将语音信号的实际发音与词典中存储的发音进行匹配，语音识别系统可以推算出说话人所说的词语。

③语言模型

在通过声学模型与词典，得到一组候选词语或句子的情况下，最后需要通过语言模型得到符合用户表达内容的结果。语音模型的作用就是通过统计文本中词与词之间的关系和概率，预测一个词语或句子出现的概率大小，从而对识别出的多个文本候选结果进行打分、排序和筛选，最终，得分最高的结果就是系统认为最符合用户表达内容的结果。

举个例子：如果用户说的是“我想要一杯咖啡”，在语音识别的过程中，可能会产生如下多个候选句子：
我向要一杯咖啡、我想要一辈咖啡、 我想要一杯可菲 、我向要一杯咖啡色菲 ，语言模型通过预测每个识别候选结果的概率大小，就可以计算出每个候选结果的得分，从而筛选出最符合用户表达内容的最终结果，“我想要一杯咖啡”。

4）输出结果

指最终输出识别结果，即转换后的文本或指令等形式的结果。

2. 自然语言处理

1）自然语言理解

在完成用于语音内容的识别之后，要让设备能顺利执行用户的意图，还需要自然语言处理（NLP）算法模型对计算机可识别的文本进行分析和处理，以理解用户语言的含义和意图，并根据需要进行相应的回答或操作，一般情况下，NLP算法模型对文本的处理过程包括包括词法分析、句法分析、语义分析等多个环节。

①预处理

为了降低文本处理的复杂度，提高算法的精度和效率，文本本输入自然语言理解模型前，需要先进行预处理，如去掉句子中的特殊字符、停用词、将所有字母变成小写等。

例如：停用词是指一些在自然语言中使用比较频繁但实际上并不具有实际含义，对于句子的语义理解贡献较小的一些词语，比如一些代词、介词、连词等等（如“的”、“和”、“就”、“在”、“用”等），这些停用词虽然常常出现在文本中，但是对于计算机理解句子的真实含义并没有太大帮助，只会增加文本处理的复杂度，降低算法的精度和效率。

②分词

自然语言理解模型，在理解在自然语言文本时，不是整句直接分析的，而时通过对自然语言文本的每个组成部分（如单词、短语等）的含义进行深入的分析和理解，进而确定整个文本的含义。 因此，在对文本进行预处理之后，需要对文本进行分词操作，将文本按照一定的规则切分成一个个词语，它的目的是将文本转化为计算机可以处理的离散的词语序列。

举个例子：以“导航去宝安机场”为例，通过分词，可以得到以下词语序列：导航 / 去 / 宝安机场。

③词性标注

对每个词语进行词性标注，即确定每个词语在句子中的词性，通过对每个词语进行词性标注，可以确定词在句子中的语法角色和含义，从而更准确地进行语义分析、句法分析等任务。常见的词性包括名词、动词、形容词、副词、介词、连词、代词、数词、量词、助词、叹词等。

举个例子：以“导航去宝安机场”为例，“导航”：名词；“去”：动词；“宝安”：名词；“机场”：名词；通过这样的词性标注，可以分析出“导航”为主语，“去”为动词，表示导航的动作，“宝安”、“机场”由于都是名词，可以确定它们是导航的目的地。

④实体识别

指从文本中识别特定实体，例如如人名、地名、组织机构名等，通过实体识别，计算机可以更准确地理解文本中的内容。

举个例子：以“导航去宝安机场”为例，实体识别可以识别出“宝安机场”是一个地名实体，通过这一步得到的结果，计算机可以更好地理解用户的意图。

⑤句法分析

对句子的语法结构进行分析，确定句子中各个词语之间的关系，其意义在于理清句子中的语法结构和词语关系以便于计算机进一步理解语音交互中的用户意图。

举个例子：以“导航去宝安机场”为例，句法分析可以将这个句子分析为“导航 去 宝安机场”，从中获取到“导航”是动作， “去”是一个方向，“宝安机场”是具体的地点信息，这些信息对于计算机进行后续处理是非常重要的。

⑥语义分析

在完成预处理、分词、词性标注、实体识别、句法分析等前置任务之后，接下来就需要进行最后的语义分析，例如：情感分析、主体提取、语义联想、语义角色标注、槽位信息等，其主要意义是更全面地理解用户输入的意图，帮助计算机能够更好地理解用户输入的内容，从而根据用户意图执行相应的操作。

举个例子：以“导航去宝安机场”为例，经过语义分析后，计算机可以清晰地理解用户的意图，即需要进行导航操作，并且目的地是宝安机场。

⑦结果输出：将经过预处理、分词、词性标注、实体识别、句法分析、语义分析处理后的结果，按结构输出给自然语言处理中的对话管理模块，进行进一步处理。

举个例子：以“导航去宝安机场”为例，自然语言理解最终输出的结果为“动作-导航，目的地-宝安机场，起点-当前位置。”

2）对话管理

在自然语言理解对语音识别的文本进行分析处理之后，需要对话管理系统进行意图识别，确定用户想要做什么，并且根据所处的对话状态进行状态跟踪，决定下一步需要执行的操作或回复用户的方式，这个过程包括根据用户输入的信息选择相应的策略、控制多轮对话流程、解决歧义等。

对话管理系统是基于一个预先定义好的对话模型工作，对话模型中定义了对话流程、对话状态、对话策略等，在对话管理过程中，系统会使用这个对话模型来处理用户的请求。

①意图识别

在通过自然语言理解对文本的分析处理，得到用户意图的关键词之后，对话管理系统负责将用户意图的关键词与预设的意图库（或指令库）进行对比来确定用户的意图，并进一步决定下一步的操作。

举个例子：以“打开空调”为例，语音助手接收到语音信号后，会先进行语音识别，将语音信号转化为文本，然后，自然语言理解系统会对转化后的文本进行解析，提取其中的关键词和语义信息，比如“打开空调”，理解用户的意图，接下来，对话管理系统会根据用户的意图进行响应。

②对话状态跟踪

指的是记录和维护整个对话过程中的各个状态信息，以便在后续的对话中进行参考、分析和处理，状态信息包括上下文、用户意图、技能选择等等。

举个例子：当用户询问“今天下雨吗？”，对话管理系统可以通过状态跟踪，结合当前的用户意图和上下文信息，快速准确地回答用户问题。

3）自然语言生成

在语音交互系统中，当对话管理系统确定要继续与用户对话或反馈执行结果的时候，此时需要自然语言生成模块根据对话管理系统的指令，从相关的知识库或语料库中提取信息，以及根据语境和上下文信息，将结构化数据转化为自然、逻辑连贯的文本，以人类语言回答用户的问题、提供建议或执行任务，其生成自然语言的过程一般包括：句法分析、语义分析、语法分析、信息抽取、输出文本等步骤。

举个例子，当用户询问“明天的天气如何？”时，自然语言生成模块可能会根据当前的时间和位置信息，生成类似于“明天的天气为晴天，最高气温27℃，最低气温18℃”的文本回复内容。

3. 语音合成

在通过语音识别、自然语言理解、对话管理、自然语言生成对用户的语音信息进行分析处理之后，最后想要机器开口与人交流，则需要语音合成系统将自然语言文本转化为语音并通过输出设备输出给用户。

语音合成系统既是语音交互的终点也是起点，是语音交互系统的的重要底层技术之一,它基于语言模型、声学模型、音频处理等技术，通过文本前置处理、声学特征生成和音频合成等关键步骤，将自然语言文本合成为高质量、自然流畅的人类语音。

1）文本前置处理

在计算机获得一段文本之后，要让计算机像人类一样开口讲这段文本讲出来，首先需要让机器知道文本中字、词如何发音和文本要表达的意思与文本里蕴含的情绪。因此，在语音合成系统中，第一个关键任务对文本的前置处理，具体包括：分词、词性标注、句法分析、韵律预测、字形转音素、对音字与变调分析等。

举个例子： 举个例子，比如输入一段文本：“明天下雨，出门记得带伞。”在文本前置处理的过程中，可能需要经过分词、音素标注和添加天气标签的处理，变成：“明天/t 下雨/v ，出门/v 记得/v 带/v 伞/n ，天气/t 标签/rainy。”

2）声学特征生成

要想让机器像人类一样将自然语言文本内容有韵律、顿挫、情感地说出来，就需要让机器知道自然语言文本中每个音素的声学特征，包括基频、时长、频谱形态等，这些声学特征是语音信号的特征，用于描述和控制语音信号的音色、音高、节奏等方面。

因此，在完成文本预处理后，要将自然语言文本内容合成为最近人类表达的语音内容，就需要先将自然语言文本转换成发音单元（音素），然后利用特定的算法将音素序列转化为对应的声学特征。

3）音频合成

这一步是将前面处理好的声学特征和文本信息进行结合，最终合成音频文件，作为语音合成系统的输出。具体来说，关键任务包括：波形合成、合成后处理等。

小结：以上我从产品的视角，基于课程内容、专业资料结合自身的理解，梳理的我对语音交互系统底层关键技术的理解，目的不在于学习语言交互相关的具体技术知识，而是知其大概原理。如存在歧义，欢迎交流，并建议参考相关的专业书籍与资料。

三、智能座舱的语音交互

1. 语音交互对智能座舱的意义

在传统的汽车座舱内，存在着大量的传统机械和电子设备，驾乘人员在执行驾驶任务或使用汽车功能时，需要不断地操作各种控制器和按钮，以控制车辆的速度、方向、功能等，这些操作可能同时占用驾乘人员的双手、手眼、双脚，不仅繁琐和复杂，还容易导致驾驶疲劳和注意力不集中，从而增加驾驶安全的风险。

因此，为了提高汽车驾驶的安全性和舒适性，语音交互系统被应用在汽车智能座舱中。语音交互系统通过语音交互的方式来代替部分驾驶操作，从而可以让驾乘人员的双手、手眼、双脚更多地用于安全驾驶和应急操作。例如，驾乘人员可以使用语音指令来操控空调、导航系统、音乐播放器等，而不需要手动操作控制面板，减少了驾驶员的分心和疲劳，在一定程度上提高了驾驶安全性和方便性。

从消费者的角度来看，语音交互系统不仅可以通过被动的接收用户的指令，帮用户高效地完成人与车交互，而且可以为通过主动式的交互为用户带来更智能化、情感化的人车交互体验。在当前“人机共驾”阶段，语音交互是座舱内最直接、最人性化、最完全的交互方式。

从厂商的角度来看，由于语音交互系统具备较大个性化、自定义空间，厂商可以基于结合品牌定位与用户需求，为用户打造具有差异化特征语言交互系统，在品牌差异化发展中发挥着重要的作用。另外，基于用户的个性化需求，在基础语音服务的基础上衍生除很多付费服务场景，例如，在samrt精灵1号上，付费的语音助手形象，付费的音助手装扮。

2. 智能座舱语音交互场景

基于用户、场景、需求，以语音交互系统为起点，我们可以将智能座舱语音交互的场景抽象的分为主动交互场景和被动交互场景。

1）被动交互场景

当我们在讨论“人机交互”时，大部分情况讨论的是“被动式交互”，它的实现逻辑很简单，即由人给机器发号施令，机器执行并输出结果反馈给人。如，传统的被动式语音交互，是由用户主动向机器输入语音指令，然后由机器对用户的音指令进行分析、处里并执行，以实现特定的功能，其能为用户提供的最大价值仅仅是“君子动口不动手”。

在人与车的交互场景中，被动式的语音交互，仅能实现的是“不动手”地去实现车身功能、信息娱乐的功能的控制。这种被动式的交互，在某些情况下还是会分散用户的注意力，从而造成安全隐患，例如：用户在发起语言指令的时候，视线和注意力可能会从驾驶任务上转移。

2）主动交互场景

不同于被动式交互，主动式交互以机器为起点，机器可以自己主动地输入信息，主动输出执行结果或建议给用户。

在人与车的交互场景中，语音交互系统可以与其他模态交互融合，基于人、车状态和内外部环境，通过传感器、摄像头等设备主动输入信息进行决策判断，为用户提供主动的服务，例如：主动关怀服务、提醒服务、推荐服务等，主动式的语音交互，在一步提高人车交互效率的同时，还可以为用户提供更加智能化、情感化的人交互体验。

3. 智能座舱语音交互系统基础框架

智能座舱的语音交互系统是一个高度复杂的综合系统，它不仅需要精密的硬件与软件协同配合，同时需要专业的运营管理来保障其可靠性和稳定性。总的来看，整个系统可以分为硬件层、服务层、应用层和运营管理平台四个组成部分。

1）硬件层

在语音交互系统中，硬件层是智能座舱语音交互系统的物理基础，关键的硬件设备包括输入/输出设备和音频处理芯片，其中输入/输出设备负责采集用户的语音指令和反馈信息，主要包括：麦克风阵列、扬声器、摄像头、传感器、灯光等，芯片部分主要负责音频信号的处理与分析，主要包括数字信号处理器（DSP）、音频解码器、音频放大器等。

2）服务层

服务层是智能座舱语音交互系统的核心，它承担着语音、图像等信息的处理和解析，并提供必要反馈和响应的重要任务。主要包括自然语言处理(NLP)引擎、语音识别引擎、语音合成引擎、声纹识别、云端服务、API服务、业务逻辑处理服务等模块。

3）应用层

应用层是指基于服务层提供的核心能力与用户的实际需求相结合，为用户提供的具体应用程序，以帮助用户通过语音交互实现具体的功能控制。例如，车身控制模块中的空调控制、座椅控制、车窗控制等应用，以及信息娱乐模块中娱乐、通讯、导航等应用。

4）运营管理平台

用户在使用语音交互系统的过程中，会产生大量的用户行为数据与音频、文本、图像数据，运营管理平台通过对这些数据的统计分析，为语音交互系统与各种AI模型的持续优化提供数据支持。从业务角度分类，运营管理平台主要分为两大核心模块：用户数据统计分析和模型数据运营。

• 用户数据统计分析模块，可以对实车用户使用语音交互系统的行为数据进行统计和分析，从而生成不同维度、不同粒度的分析报表。这些报表可以帮助我们深入了解用户使用习惯和偏好，及时发现并解决系统存在的问题，为语音交互系统的优化提供数据依据。
• 模型数据运营模块，可以通过对用户在使用语音交互系统过程中产生的大量音频、文本、图像数据的定期回收与采集、标注，生产出各个AI模型需要的数据，为模型训练提供数据支持。

你有用过Clear这款软件吗？这款ToDoList （待办事项管理）类软件在诞生之时充分利用了“手势”，刷新了用户对软件交互逻辑的认知，不仅曾登顶 App Store 榜单，后续的这段岁月里，也依旧有许多“死忠粉”对这款软件表示怀念。而现在，新版Clear“回归”了。这一次，它会给我们带来怎样的惊喜呢？

2007 年，iPhone 一代发布。

乔布斯说iPhone重新发明了手机，因为它有3.5英寸超大屏，内置了加速计、近距离感应计、光线感应，最重要的是——

iPhone 带来了 Multi-Touch 多点触控，你可以用多根手指同时操控屏幕。

当乔布斯在发布会上双指捏合和拉开，来放大缩小一张照片时，全场沸腾了。

你要知道，那会手机基本是单点触控，它们要放大缩小照片：有的要进入菜单，选择放大/缩小，有的是点进度条旁边的+/-号键。

多点触控的出现，颠覆了传统的手机交互模式，为以后各种“手势”奠定了基础。

当然，也催生了一批伟大的 App 。

Clear 就是其一，一款 ToDoList （待办事项管理）类软件。

Clear 对“手势”的利用，刷新了当时人们对软件交互逻辑的认知。

用一个设计师的话说， Clear 满足了那些注重交互设计的设计师“性幻想”。

而对用户而言， Clear 就是一个跨越时代，来自未来的 App 。

2012 年 1 月 Clear 正式发布，一上来就拳打愤怒的小鸟，脚踢 WhatsApp ，登顶 App Store 榜单。

第一次打开Clear，你可能会有点懵逼，屏幕里只有自己的任务列表，没有菜单栏，没有交互按钮。

“这怎么用？我怎么返回上一层级，又怎么新增任务。”

无论10年前还是现在，软件UI再怎么更新换代，基本框架都没变，有 TAB 栏，各种前进返回按钮。

比如 2012 年 4 月，微信 4.0就是这种页面了。

你别说当时 ToDoList 软件是啥样，就是 2023 年，市面上 99%同类产品也都如下图所示，页面上有各种明确的交互按钮。

左Things右Sorted：

那么在 2012 年，没有按钮的 Clear 怎么实现交互？

虽然它看着毫无头绪，但只要上手随便乱划两下，你就知道它的操作逻辑了。

左划删除，右划完成，再右划即可撤销/恢复任务。

当然这个操作并不算多领先，微信在那会也能右划删除。

而 Clear 高级就高级在，它把整个 App 都融进手势操作里了。

比如说，新建任务。

在 Clear 里，待办事项自下而上，颜色是逐渐变亮，也代表着任务的优先级。

如果你要新建任务，点击黑色空白处，它会新建在最底下。

如果你要新建一个高优先级的任务，就下拉列表，新任务就会出现在最顶上。

那如果是要在两个任务中间，创建一个新任务呢。

惊艳的来了，你可以用双指撑开这两个项目，随后添加。

同样惊艳的，你要返回页面，双指捏合即可。

就好比现实中，我们双手合上推拉门一样。

最后，调整任务的顺序，就是长按它，就像把它抓起来一样，随后移动。

我认为 Clear 的设计理念源自于现实，在追求一种“直觉”。

你可以把所有任务看成堆起来的木板。

要在木板之间放一块木板，就是用手先扒拉开 2 块木板，再塞新的进去；

哪个木板不需要了，就从侧面推出来，放在最底下。

不光是交互逻辑出色，如果你仔细观察这些动图，会发现 Clear 的动画也非常丝滑。

完成任务时，它是先变成绿色，然后「滑」下去，并渐渐变暗的；

在返回上一层级时，下一层级是先被捏合到一起，再返回的；

扒拉开 2 个任务时，新任务是从“对折”状态展开的。

这个设计，在今年还被网友认为是一种“高效好看的 UI 折叠方式”。

可能你看到这里，会觉得这些交互就一般啊，平时用的不少 App 也有类似手势。

那就对了。

如果一款十几年前的产品，你现在看起来，不觉得过时和老土，挺正常的，那么对一个 2012 年的人来说，它就是设计超前，“来自于未来”。

事实也证明如此。

短短几年内， Clear 拥有了 250万用户，获奖无数，纽约时报， Tech Crunch 等各大媒体都推荐过它。

但江山代有才人出，在智能机飞速发展的年代，优秀的 App 也一个接一个诞生。

不知何时， Clear 逐渐淡出人们视野，它自己也近乎于停滞的状态。

时间来到 2018 年，很久没更新的 Clear 发布了新版预览的短片，展示一些新功能，让大家兴奋了很久。

但没几个月，新功能还未上线，便被同行“借鉴”。

于是，在发了最后一个推特，交待一些事情后， Clear 开发者闷头做软件的计划，正式开始了。

但一年，两年，三年，四年过去了，新版 Clear 毫无音讯。

而 Clear 官推底下，成了粉丝们单相思的大型现场。

最常见的就是老用户在 Clear 官推下催更，而 Clear 在 2019 年消失后就没回复过。

还有的粉丝，从得知新版消息后的兴奋，逐渐变成了失落。

甚至还有用户被迫放弃 Clear 时，会跑来留言，像是和多年老朋友来一场告别。

也有死忠粉每天看着它的图标，一种复杂的情绪涌在心头，最终还是舍不得删掉它。

*（这个评论我找不到截图了，大概意思是如此。）

4 年了，就当人们心灰意冷，都坚信开发者早已放弃这款 App 时， Clear “诈尸”回归了。

官方推特突然营业，放出了全新版本的预览视频，并向部分用户开放了测试资格。

曾经的用户也都纷纷捧场转发，喊着青春回来了。

世超也成功问他们要到了测试资格，在体验一番后，我觉得味道太对了。

它依然保持自己的全手势操作设计，捏合返回，下拉创建。

这块我就不多重复了，和初代版本没区别，我想讲讲新版的动画效果，用“Q弹”形容都不够。

比如滑动切换主题，它在变换颜色的同时，整个屏幕还会微弹一下，就跟果冻一样。

清除已完成项目时，也是一样。

你按住屏幕后向上拉，就会出现颤抖体的“Clearitems”。

释放后，就像是抖了一下地毯，整个页面弹了下。接着，“items”几个字母也和灰尘一样，掉了下来。

新版 Clear 的 UI ，我认为也领先于同行。

Clear 每一个主题都有对应的渐变色，如果你的任务足够多，滑动时就会发现一种渐变美。

切换主题时，图标也会跟随主题切换。

值得一提的是，新版Clear还带来了很多用户需要的“提醒”和“重复”功能，

当你想给任务加一个提醒时间，直接输入自然语言就行。

比如输入：“和同事吃饭明天下午 4 点”，它就会自动识别，在明天下午提醒我。（这功能不少 ToDoList 软件也支持）

同样，如果有任务需要重复，也是输入文字告知。（中文支持还不够好，世超输入英文才触发）

除了这些， Clear 在设计上还有很多细节，比如新增任务时，不同触发方式有不同气泡声；连续完成任务时，音调会越来越高；

以上这些新特性，大家很快就能体验到了。

虽然 Clear 新版本准备如此之久，挺让人费解的，但无论如何，它回来了。

世超用过很多 ToDoList 类软件，付费免费都有，它们的交互和 UI 基本都差不多，没有太多惊艳的味道，唯独 Clear 除外。

对于那些偏爱交互和动画的用户来说， Clear 绝对是他们的心头好。

尽管 Clear 这种“极端”设计理念，注定不适合所有人，不会被每个人接受。

但我希望这类软件可以多一点。

多说两句：

在智能手机迅速发展的那些年，无论国内外，各类创意软件不断涌现，百家争鸣，很多开发者甚至愿意为 App 认真拍一则宣传片。

而我们，每天也都在体验着新颖的功能，冲刷着自己的认知，就像刚踏入魔法世界一样。

尽管，现在的 App 在很多方面都比当时要完善得多，但我还是怀念那个时候，那个充满新奇的年代。

图片、资料来源：

twitter ：clear

bilibili ：乔布斯 2007 年 iPhone 发布会完整版

Clear App 截图

Youtube：Clear Task Manager For iPhone – Tasks, Lists & To-Dos

设计是通过美感和逻辑来提升用户体验，提高企业满意度。本文探讨美感设计在用户体验中的作用，从五个维度分别论述美感设计的重要性，一起来看看吧。

设计是通过逻辑和美感来解决人们的问题，满足他们的愿望。本文将探讨美感在用户体验设计中的作用，以此提高用户和企业的满意度。

一、为什么美感对设计很重要

数字产品的成功与否，除了其功能性能以外，美感也扮演了至关重要的角色。在竞争日益激烈的市场，用户的选择不仅仅局限于功能是否满足需求，审美愉悦和情感需求也成为了影响购买决策的关键因素。因此，设计对于产品的成功至关重要。

随着需求层次的提高，人们的选择越来越多样化和理性化。教育和收入水平的提高，使他们开始思考超越功能的问题。此外，用户更加注重产品的美感和和谐性，因此美学在其选择中扮演着越来越重要的角色。

马斯洛金字塔，展示需求层次

美感在用户体验设计中发挥以下作用：

• 使设计变得情感化，更符合人性；
• 保持数字事物与现实世界的联系；
• 支持使用感官；
• 满足审美需求；
• 以一种风格将不同的事物结合在一起；
• 让产品在竞争中脱颖而出。

创新农业服务FarmSense的网站设计

美学是将设计的过去、现在和未来连接在一起的重要桥梁。当今的布局和图形基于世界文化数百年来积累的丰富遗产。现代设计师和艺术家通过各种趋势和创新对其进行改造，创造出一个新的文化历史圈子，展示了历代最杰出艺术家的杰作。这正是艺术和审美在设计中所发挥的作用。我们不是要重新发明轮子，而是要让它变得更现代化，以解决当下的问题。

二、审美-可用性效应

美学可用性效应是指用户更倾向于认为外观吸引人的产品更加实用。即使实际上这些产品并没有更加有效或高效。这种现象被用户体验设计大师 Nielsen Norman Group 视为一种重要原因，因为既有吸引力又实用的界面才能真正提供良好的用户体验，而不仅仅是功能性 UI。

在1995年，日立设计中心进行了一项研究，研究人员Masaaki Kurosu和Kaori Kashimura探究了人机交互实践中的美学吸引力和易用性。该研究测试了252名研究参与者对26种ATM用户界面的易用性和美学吸引力进行评分。结果分析表明，审美情趣评级与感知易用性之间的相关性高于审美情趣评级与实际易用性之间的相关性。因此，该研究得出结论，无论用户试图评估系统的功能，任何界面的美感都会对用户产生强烈的影响。

在 UX 设计中，美感是一个关键因素，它对用户体验目标有着深远的影响。UX 设计通常包括四个核心方面：外观吸引力和视觉和谐、可用性、可访问性和效用性。这些方面综合起来，使得产品具有吸引人的外观、易于操作、适用于不同能力和设备、能够解决问题以及让用户感到愉悦。

Flower Store 应用程序指导用户完成订购个性化花束的过程

三、业务目标

然而，对于那些开始推出新产品或改进知名产品的公司来说，他们也必须从不同的角度考虑。他们需要思考各种财务、转换、销售和所有其他业务运营方面的因素。

设计美学是否会对他们的商业目标产生影响呢？当然会。色彩理论和心理学、屏幕上的和谐、易读的文本内容以及吸引人的图像不仅对于满足用户需求非常重要，而且对于销售和让企业获得满意度也至关重要。

四、用户体验美学的元素

不同的元素可以融入用户界面并构建其美感，其中包括：

• 排版
• 布局
• 照片
• 插图
• 3D图形
• 动画
• 视频
• 人物

这些要素一起形成了交互美学，对于积极的用户体验有着直接的影响。另外，建议我们将过长的句子分解为短句，以减少重复，并提供改进建议。

加密博客设计使用有限的调色板使其看起来严肃但不沉闷，并呼应大报的传统布局以设置印刷媒体迁移到数字世界的强烈美感。

五、一致性

在 UX 和业务的交叉点上，一致性是实现美学和可用性效果的核心。Jacob Nielsen 曾指出：“一致性是最强大的可用性原则之一，因为当事物表现始终一致时，用户不必担心会发生什么。”因此，为了实现一致性，必须确保整个产品中的界面元素和交互方式始终保持一致，并遵循统一的设计准则。

事实上，它比交互更进一步。它还有助于建立强大的品牌。标志和品牌项目、网站、应用程序、电子邮件和社交网络——产品与用户的每一个接触点都应该遵循一个总体理念和一套价值观，并以一致和完整的风格包装。

金融科技服务 Crezco的身份设计采用一致的方法，使品牌能够通过各种沟通渠道建立有吸引力、值得信赖和稳固的形象。

在全球范围内，所有设计解决方案都需要回答一个关键问题——为什么？Simon Sinek，一位领袖力专家曾说过：“人们购买的不是你做的事情，而是你为什么这样做。”你所做的只是证明你的信念，这是产品和服务保持一致和鼓舞人心的原因。从“为什么”开始做出的决策将决定如何与用户交流，无论通信方式是什么。因此，您需要明确您所沟通的内容，无论与品牌的联系是什么。这样可以建立信任，使品牌更加强大，这正是美学在用户体验中发挥作用的地方。此外，您应该简化长句，减少重复，并提供改进建议以提高文本的清晰度和简洁性。

六、总结

设计不仅要解决功能问题，还要考虑美感与情感需求。在数字产品市场竞争激烈的今天，美感对于产品的成功非常重要。人们的需求也逐渐提高，开始关注产品的美感和和谐性。美感在用户体验设计中的作用包括：使设计情感化，保持数字产品与现实世界的联系，支持使用感官，满足审美需求，以风格将不同事物结合在一起，让产品在竞争中脱颖而出。用户更倾向于认为外观吸引人的产品更加实用，这也是良好用户体验的重要原因。