作为产品设计者，经常遇到一个备受灵魂拷问的问题：怎么衡量我们设计的产品，用户体验是过关的？
今年，我们在内部中后台产品进行尝试，发现「易用度」可以作为合适的度量指标，并成功推广到35个产品，帮助PD、设计师、工程师等产品设计者去衡量产品体验现状，发现改进机会点。实践证明，易用度，相比满意度、尖叫度、NPS，更适合技术类产品的体验度量。结合用户行为数据，可以为用户画像、改进方向、运营策略提供更准确的决策依据。
为什么易用度相比其他指标更适合技术类产品呢？主要有3个原因：
品牌体系的长期价值是什么？如何构建完整品牌体系？
△网易智企-品牌设计体系
目录
网易智企是一站式企业服务提供商，依托23年AI、大数据、通讯音视频技术，以PaaS、SaaS为主，提供智能化、数据化、场景化的企业服务解决方案。
网易智企的前身，是网易云信和网易七鱼两个的产品。2019年初，网易集团决定整合B端资源，成立一个新的事业部——网易智企，并在此之后陆续打造了网易定位、网易互客等多个优秀产品。
至此，网易智企的品牌架构由两个独立的产品品牌，逐渐变成了事业部品牌+多个子品牌的品牌架构。
但是，因为原有的两个品牌（即云信、七鱼）已经运营多年，在设计上并不统一。而事业部品牌为新设计的品牌，再加上其他的子品牌，最终造成了多个品牌在设计上“各自为政”的现状。
并且随着网易智企的快速发展，子品牌不断的变多，我们与市场部同学便逐渐发现了一些问题。下图是市场部同事在2019年发表在朋友圈的一张图，便是当时品牌的现状。
△网易智慧企业现状（2019年初）
虽然产品线愈发丰富，整个事业部也在不断成长中。但是，若是品牌设计体系不够清晰，将会对未来的品牌传播造成非常多的问题，之后的修正成本也会越来越高。
如何改变现状？我们是否能够主动去推动事业部进行整体的品牌升级？能否通过设计去构建一个完整的体系，以满足网易智企未来的发展需要？
因此，在发现这个问题后，我们便马上开始了品牌设计体系的构建工作。结合之前的品牌经验，并在查阅大量资料进行研究后，逐步制定了完整的解决方案。之后与市场部同学一起合作，共同推进了品牌体系的构建与落地工作。
在企业的成长过程中，随着业务的不断拓展，自然而然地会产生越来越多的子品牌。在这个过程中，许多优秀的企业通过长期的实践，通过不同的方式，逐步构建了属于自己的品牌体系。比如联合利华、大众企业集团、苹果、雀巢、谷歌等等。
品牌体系一共有哪些构建方式？他们分别适用于哪种情况？而我们又应该用何种方式去构建品牌体系呢？
带着这些问题，我开始进行了品牌体系构建的研究。通过大量的案例分析与调研，我总结了以下几种最常用的品牌体系构建方式：
自由家庭式，顾名思义，一切皆为FreeStyle。子品牌与母品牌几乎无关联系性，完全自由地进行各自发展，因此品牌在设计上和基本毫无关联性。
这种品牌模式，通常适用于强子品牌战略的集团公司。不同的子品牌之间并无依存关系，也不需依靠其他子品牌、母品牌进行背书。而是各自在领域中独立运营，甚至形成差异化竞争，以扩大在单领域的品牌丰富程度，占据更大的市场份额。
△FreeStanding自由家庭式
比如联合利华集团，所有子品牌几乎均采用自由家庭式，在不同的细分领域拥有多个子品牌。比如个人护理用品领域，主要品牌有旁氏、多芬、Iluminage、卡玫尔、清扬、凌仕、中华、力士、夏士莲、舒耐、凡士林等。食品系列品牌有家乐、老蔡、立顿、四季宝、净水宝、可爱多、梦龙、和路雪等品牌。
△联合利华集团-品牌体系
再比如VOLKSWAGEN（大众汽车集团），所有子品牌也均采用自由家庭式。旗下有奥迪、斯柯达、宾利、西雅特、布加迪、保时捷、兰博基尼、大众、斯堪尼亚、杜卡迪等众多子品牌。通过差异化竞争，在汽车行业的不同领域（家用车、豪华车、摩托车、重型卡车、巴士等）的不同级别中，均占据了不错的份额。
面对不同的消费群体和阶层，品牌需要承载不同的品牌概念，解决不同的问题。因此，只有采用自由式家庭式的品牌家庭，才能在不同的领域中有针对性地进行品牌的建设。
当然，这种方式也具有一定的负面作用。如果当两个子品牌在同一领域重叠性较大时，容易导致品牌在“内部竞争”中逐渐弱化，比如斯柯达汽车的定位与大众汽车重叠性过大，定位区分不明显，而与大众的三大件又是相同的，因此逐渐在市场中被边缘化。
△大众汽车集团-品牌体系
我们可以总结一下自由家庭式品牌体系的优劣势。
优势：
劣势：
基因家庭式，即母品牌与子品牌拥有部分相同的元素或风格特征，并通常具有延续性，而这种元素被称为品牌基因。
基因家庭式是品牌体系中最为常见的表现方式，它通常适用于强母品牌的集团企业。此类公司通常在母品牌发展成熟后，基于母品牌进行其他领域的拓展，逐渐形成不同的子品牌。因此，子品牌需要延续母品牌的基因作为背书，从而提升子品牌的知名度与信誉。
△GeneDelivery基因家庭式
而基因家庭式这个大的方向中，按照基因传递的方式进行细分，又可以归纳为以下3种最典型的形式：
基础版：将母品牌图形直接融入到子品牌中
比如雀巢公司的部分重要子品牌中，都将母品牌的品牌文字融入到品牌图形中，而这也是雀巢母品牌最容易识别的部分。
通过这种方式，子品牌既保持了相当程度的自由度，同时用户也能直观地通过品牌基因识别出子品牌与雀巢母品牌的关联性。
△雀巢公司-品牌体系
以及美国联邦快递FedEx，则是以母品牌为基础，通过改变局部颜色、增加品牌文字等方式来构建其不同的子品牌。保证了一定的差异化的同时，与母品牌形成了强关联，达到了比较强品牌延续性。
△美国联邦快递-品牌体系
进阶版：提取母品牌关键特征，融入子品牌中
比如亚马逊公司，将其标志性的“箭头笑脸”提取出来，与各自不同的子品牌字体组成了新的品牌。这种方式相对于基础版又提高了更高的灵活性，但同时也保持了相当程度的品牌延续性。
△亚马逊-品牌体系
高阶版：提取母品牌基因，通过重构形成子品牌
比如google公司的新品牌与其各子产品的关系。通过提取统一的颜色以及扁平化的纸片效果，经过重组以后得到不同的图形，形成自由度极高，但又拥有高度统一性的品牌体系。
△Google-品牌体系
但是，这种方式在设计上的要求较高。如何在差异化的同时，保持一定的品牌关联性，需要非常精准的把控。
我们可以总结一下基因家庭式品牌体系的优劣势。
克隆家庭式，即子品牌直接使用母品牌的品牌图形与品牌字体。子品牌通常与母品牌在品牌上毫无差异，或者保持图形、颜色、字体等特征的高度统一性，只进行文字内容的更换。
△CloneFamily克隆家庭式
比如苹果公司与其所有子产品的品牌，直接沿用苹果的主图形，并配合统一的色值、字体、间距等品牌规范，仅在文字进行相应的命名。通过几乎一致的品牌表现，当你识别任何一个子品牌时，便能感受几乎一致的品牌传递，甚至是各种细节，比如包装风格、说明书等等。
△Apple-品牌体系
这种品牌体系通常适用于企业在同一个的领域中，开拓不同的细分领域。他们传递的品牌概念与价格定位是一致的，比如苹果的所有产品都代表科技感、细节完美、设计精良，在价格上也通常占据比较高的层级。
但是，这种方式也具有一定的局限性。因为你必须保证所有子品牌所传递的上述所有特性，都与母品牌是一致的。如果某一项有差异，则品牌母品牌所蕴含的一切将不能被子品牌的用户群体所接受，这也是当时iPhone4C、5C失败的原因。当你的价格定位与母品牌存在差异时，你的用户便不再认同这个子品牌，以及背后传递的一切。
为什么小米要开拓红米系列、华为要开拓出荣耀系列，为了他们放弃克隆家庭式而转向自由家庭式？就是这个道理——你不可能靠一个品牌传递不同的声音。
我们可以总结一下克隆家庭式品牌体系的优劣势。
1.确定策略
通过网易智企品牌现状的分析，并结合智企未来的发展需要，我们最终确定——使用基因家庭式-进阶版（即提取母品牌的关键特征，融入到子品牌中）的品牌体系是最为合适的。因为这种方式既能保证品牌设计的整体统一性，又能保持足够的灵活性，以适应不同品牌的需要。
但是，提取什么样的品牌基因是最合适的？
网易七鱼、网易云信原本就拥有多年的产品历史，如果只提取一方的基因，显然不太合适。如果大改品牌图形，则会对原有用户的认知产生较大影响，并不是一个理想选择。
最终，我们决定了一个大胆品牌策略——以品牌字体作为品牌基因的承载物，并通过标准化的框架规范使品牌的整体一致性得到的统一。通过这种方式，也可以将品牌图形的自主设计权留给子品牌。
这种品牌策略的主要优势有：
整体品牌感强，品牌基因容易延续。
后续可将品牌设计流程标准化，提升设计与一致性。
原有品牌可只升级品牌字体和框架规范，保持原有品牌图形，从而不影响用户认知。
通过这种方式，我们可以对原有的网易七鱼、网易云信，以及网易智企的品牌做一个统一的升级，小幅优化品牌图形、统一品牌结构，并以全新的字体风格重构品牌字体。这样，我们既能够达到设定的目标，又能够最小程度的对品牌认知造成影响。
2.可行性调研分析
通过市场调研，我们分析了最近10年中优秀的品牌升级案例。在这其中，腾讯的品牌升级案例与我们的策略非常契合。
2017年11月，为庆祝即将到来的20周年，腾讯发布了一款新字体——“腾讯字库”，并借此机会对部分品牌进行了升级，以此来加强整体品牌感。
通过发布全新的品牌字体，腾讯公司构建了以品牌字体为核心的品牌体系，并取得了良好的效果。而这种品牌体系的构建方式，与我们的设想不谋而合。
因此，我们认为以品牌字体为核心的品牌体系构建策略是完全可行的。但是，这种方式所需要投入的资源是巨大的，且周期通常比较漫长。
我们又如何克服这个问题？
虽然无法得到如此多的资源，但我们可以通过合理的计划与推进策略，逐步去构建整个体系。不断地进行策划、构建、落地、完善，形成一个完整的闭环，通过不断实践去提升、丰富这个体系，最终让这个体系变得越来越完整。
确定策略之后，我们开始着手进行品牌体系的构建工作。
1.品牌字体设计
品牌设计体系的构想虽始于2019年初，但真正的准备工作则始于两年前。在我刚接触网易七鱼和网易云信时，便发现了品牌中存在的一些问题。虽然没有合适的时机进行品牌升级，但研究和尝试则不断地进行中。
在此期间，我开始着手设计一款全新的专属字体，也就是之后的网易B端产品的统一品牌字体。
通过对于网易智企品牌调性的分析，以及未来发展的需要，我确定了品牌字体的基本调性：现代、简约、刚正、大气、品牌基因的融入。
作为科技类企业品牌的字体，它应该是有现代感和设计感。其次，为了适应不同的产品调性，同时传递出信任感，我希望它是刚正、大气的。最后，作为品牌体系的载体，它必须具备专属的品牌特征，才能以此为基础形成统一的品牌体系。
因此，在字形的结构上采用了较为刚正的框架，干脆利落的同时，在转角带有一定的弧度。方中带圆，刚中带柔，形成美学上的互补。而在遵从中文字体结构的同时，也对笔画本身进行了适当的简化（比如勾，用切割式的笔画代替上勾，但感知上仍然是勾），让字体更具现代感与简洁感。
而整个字体的灵魂，则是将网易的特征以笔画特征的形势融入字体中。贯穿始终、恰到好处，使其作为统一的品牌基因延续在品牌家庭中。
网易的建筑风格在所有公司的大楼中，都是属于非常有识别性的。除了深邃而低调的色彩外，整个建筑从外形到地板、再到每个细节中，都将拥有独特切角的菱形融入其中。因此，我将这独有的菱形的四个边单独拆分，作为字体的基本笔画。通过简单的移动，四个边正好形成了网易的首字母“W”。继续移动，将其从两边的翅膀往中间压，则形成了一个网状的XX形状——这不正是网字中间的图形吗？
网易建筑风格——网易的“W”——网易的“网”，网易的基因就这样融入到字体中。而另一个更重要的特征，则是这四个笔画与水平线相交，所呈现的统一倾斜角度——80度切角。
2.初步制定框架规范，预先进行品牌升级
完成字体风格的定义后，下一步就是以品牌字体为核心，进行原有2个品牌升级的方案设计。
首先进行的是网易云信的品牌预升级。将网易云信的品牌字体以全新的字体风格进行重新绘制，并结合品牌图形制定了全新的品牌框架。比如品牌图形与品牌字体的间距，确定为字体高度的1/2，而安全距离则定义为与字体高度相等间距等一系列规范。
通过初步的框架制定，一套围绕着品牌字体的初步规范便制定完成了。
完成云信的品牌预升级后，又进行了网易七鱼的品牌预升级。因为原有的品牌图形存在一定的优化空间，除了品牌字体重新绘制与标准规范外，还对品牌图形和品牌色做了升级，让品牌图形保持原有识别性的基础上，更加圆润、灵动，颜色也更具科技感。
通过两个品牌的预升级，除了初步对整体框架规范进行了制定，也对品牌字体的品质和实用性也得到了良好的验证，为接下来品牌升级工作的推进奠定了一个比较好的基础。
1.VI设计文档
因此，我们制定了适用于不同场景的VI设计标准文档。整个文档的设计准则：一致性（整体框架、页面结构高度一致）、专业性（文字表述、规范演示高度专业）、灵活性（允许在框架中的寻求灵活创新）。
封面样式：推荐的默认为标准品牌色+Logo图形样式，除此之外还提供了背景图，在保持框架一致的基础上，也具备了一定的灵活性。
△封面样式
△目录样式
内容框架：文字说明的区域与版式，内容区域的不同分割模式，尽可能地适应不同的内容需求。
△内容框架
2.品牌展示规范
在品牌的传播和使用中，VI识别手册相对专业性会更强一些，而在平时的展示中，更多的会进行单独的品牌展示。因此，我们也为此制定了不同场景下品牌的单独展示规范，以及在标准尺寸（1920×1080）下的页面布局、图形显示比例等规范。
△品牌图形单独展示
△横式标准组合
△竖式标准组合
3.为新品牌制定VI系统
完成标准化的VI设计文档后，下一步便开始着手进行新品牌的VI识别手册的设计工作。按照我们已经制定完成的设计文档，品牌VI识别规范的输出效率得到了较大的提升。
△网易云信-VI视觉识别系统
△网易七鱼-VI视觉识别系统
最终，我们完成了两个品牌的VI视觉识别系统，为后续的体系化推进做好充分的准备。
通过全新品牌字体与品牌规范的确立，并完成了2个品牌升级、1个新品牌设计以后，我们将完整所有的准备工作整理成一个完整的提案。
在准备好充足的方案后，如何推进并最终落地？
2.发起会议，正式推出方案
会议开始后，我们首先进行背景分析。
为什么需要进行品牌升级？简要分析2019年初智慧企业的品牌现状，以及智慧企业未来的品牌发展方向：整体品牌感弱，品牌一致性过差，无法满足智慧企业长期的发展需要。
同时，我们也对目前现有的品牌设计进行分析，发现了较多的问题。比如品牌字体的风格不统一、比例不一致、色值不统一等问题。而这些问题可以也可以通过品牌升级进行解决。
最后，随着网易智企的快速发展，智慧企业的子品牌会越来越多，而品牌联合推广的频次将会越来越高。这意味着品牌Logo设计混乱的现状将会产生越来越大的影响力，而我们的修正成本将会越来越高。
为了解决这几个方面的问题，我们推出了最终解决方案——进行品牌升级，并建立网易智企品牌设计体系。
如何建立品牌体系？
通过策略分析与市场调研，以及未来网易智企发展的前瞻性思考，我们最终确定使用基因家庭式-进阶版的品牌体系是最为合适的，即提取母品牌的关键特征，融入到子品牌中。通过这种方式，我们对网易七鱼与网易云信进行了整体的品牌升级，并为所有新品牌制定了详细的VI识别系统。
△品牌升级会议PPT
经过这套完整的方案阐述，大家在会议中一致通过了网易七鱼和网易云信品牌升级的方案，并对以品牌字体+品牌规范为核心的品牌设计体系表达了正式认可。
3.以规范对事业部Logo进行升级
品牌设计体系经过各方认可以后，推进主品牌的升级就轻松多了。由于原有事业部的品牌字体和品牌色存在一定的设计问题，在确定了品牌体系的标准字体与规范后，我们便顺势对事业部的品牌进行升级。
当一个体系被认可后，遵循这个体系就变成了理所应当。因此，网易智企主品牌升级的工作也得到大家的认同，并顺利推进下去。
之后，我们同样为网易智慧企业主品牌制定了详细的VI识别系统。
△网易智慧企业-VI视觉识别系统
至此，我们已经完成了现有的主品牌进行了整体的升级，网易智企的品牌矩阵已经初步形成。对比原有的品牌矩阵，整体品牌感得到了极大地提升。同时，也将会对之后的新品牌形成良好的规范，并促使这个体系不断地成长。
4.发送邮件，全员通知并规范使用
1.不断丰富的品牌矩阵
随着网易智企的快速发展，我们的品牌也逐渐增多。从2019年初进行品牌预升级，到2019年底，我们一共推动了4个产品进行品牌升级，并以新的规范进行了4个新品牌的设计。
有了品牌设计体系后，大家对品牌设计的态度也发生了明显的改变。
每当有新的产品需要进行品牌设计时，大家便会自觉地去遵循这个体系——“按照品牌体系的标准设计即可”。“我们只需要按照体系来就行了，剩下的图形创意工作就交给你们了”。
在此之后的每个新品牌设计，我们都按照标准化的设计流程进行，将重点的工作投入在图形的创意上，而不是反复地去尝试各种风格。我们的品牌设计效率得到了极大的提升，而各方对于品牌方案的确定也变得顺利多了，因为大家只需要判断图形是否符合产品特点即可，无需反复对比各种品牌风格。
2.英文品牌规范的加入
随着品牌设计体系的不断发展，我们的品牌将不仅仅局限于中文，也会涉及到单独的英文品牌。经过我们的长期实践，英文品牌规范应运而生。
3.周年数字品牌规范
随着不同产品线周年庆，许多品牌会设计专属的周年组合样式。为了因为不同周年Logo而影响产品统一性，同时减少了不必要的工作，我们设计了品牌+数字周年的品牌规范。
每个品牌都可以应用统一的周年组合形式。让不同品牌在周年组合中，也能拥有统一的品牌感。
但是，周年品牌规范的统一，并不意味着每个活动独特性的缺失。我们仍旧可以围绕数字+主题发挥出强有力的创意，为每次活动创造丰富的主视觉。
随着品牌设计体系的设计规范与标准化文档已经逐步成型，这份文档可能会发送给许多设计师进行使用。但是，具体设计时，许多设计师可能会产生一些疑问，导致字体设计、图形设计上面会出现问题。
那么，如何使用这份框架规范，正确地进行品牌设计呢？下面，我将以网易云商的品牌设计过程为例，大致演示一下这个流程。
品牌字体的设计，我们在文档中给出了统一的字体风格，以及目前已经设计完成的品牌字体。如果字体已经存在，则可以直接获取，无需重复设计。
比如网易云商的品牌字体中，“网“”易”“云”三个字已经出现过，则直接取用，根据规范进行“商”字的设计即可。
字体的设计，大概有三个步骤：
确定字体的骨架：字体设计，首先要保证字形的结构准确，遵循汉字的书写规律。否则，将会影响字体的易读性，让字体看起来不够自然。这一步，推荐多去借鉴已有的一些优秀字体，网易正体的字形结构，参照了“方正正中黑简体”和“黑体”这两个字体，在设计时可以先研究相同字形的笔画结构。
融入品牌基因：品牌基因，包含了横线末端80度切角，折角处的圆角，勾、点的简化处理等统一风格。同时，笔画带有细微的圆角，使字体本身刚而不锐。
2.品牌图形设计
品牌图形的设计，是品牌设计中最为关键的一个部分。设计师需要在契合品牌理念的基础上，设计出最符合需求的品牌图形。也需要让品牌图形在风格上保持相对一致。
在网易智企品牌体系中，推荐以平面化的图形进行品牌设计。这样能够保证图形足够简洁，并适应不同的场景使用。同时，品牌图形应尽可能地与母品牌保证一定传承、关联性。
通常情况下，设计师需要在充分理解概念的基础上，进行多个方向的尝试。最终逐渐缩小范围，直至最终方案的确定。
网易云商的核心概念是，成为企业的商业增长服务平台。因此，“增长”这个概念应该贯穿于品牌图形中。而云商的产品皆为SaaS产品，而“商”的首字母是“S”，因此，S也成为云商的一个标志之一。云商的目标，希望打通企业营销全链路，因此，全链路也成为附属的概念之一。
因此，整个品牌图形呈现的是一个向上增长的字母“S”，它像火箭一样向上发射。而整个图形，则由三段线条构成流畅的“S”线条，寓意三个品牌所形成“营销全链路”的概念。
为了让整个图形更严谨、细节更完善，在大致确定品牌图形后，设计师还需要巧妙地通过辅助线，去完善和优化整个品牌图形。为了避免切角过于尖锐，也同样在转角处加入了细微的圆角，使其优雅而柔和，并且更好地与品牌字体相契合。
3.品牌基因的延续
网易云商是网易智企旗下的商业增长服务平台，旗下包含网易七鱼、网易定位、网易互客三大产品。因此，品牌的传承性显得尤为重要，如何巧妙地表现出其中的关联性，是品牌图形能否承载更多含义的关键。
在品牌图形的风格中，网易云商的图形使用了与网易智企相同的线形风格。同时，线条的倾斜角度，也延续了网易智企品牌图形的25度倾斜。
在品牌图形本身，则巧妙地融入原有的3个子品牌特征。比如线条末端传承了七鱼的鱼形尾部，上下两个线条传承了互客的“互手相连”图形，而线条前部的尖角则传承了定位“精准尖头”的图形。
虽然这三个原有的品牌，之后将逐渐融合成新的品牌。但是，它们并没有消失，而是以另一种方式进行了延续。有延续、有情感、有温度，才能让用户更有记忆度，也更能让陪伴了这么多年的图形有一个精神的传承。
同时，整个图形又像一个DNA双螺旋基因，互相环绕增长。寓意网易云商，将成为企业的增长基因这一概念。
最后，通过统一的品牌框架规范，将品牌图形与品牌字体进行结合，形成了最终的完整方案。
4.制作完整品牌VI识别系统
最后一步，便是按照VI标准文档，快速进行品牌VI识别手册的设计。标准文档中已经覆盖了基础的品牌使用规范，如果需要增加规范，可以按照相同的版式进行手册内容的新增。
随着更多品牌的加入，品牌设计体系的大家族也变得愈发丰富了。我们不仅获得了一个高度体系化的品牌矩阵，同时也形成了一套更、更规范的企业品牌设计流程。并且，随着我们的影响力不断扩大，逐渐也吸引了更多品牌加入到这个体系中…
1.自我成长的字体库——网易正体
在每次新品牌设计的过程中，都会遵循统一的字体风格进行新字体的绘制，品牌字库也因此不断丰富。我们希望它最终将成长为一款完整的品牌字体，并对其进行了正式的命名——网易正体。
我们并不刻意去“生产”字体，而是让其自然地随着新品牌的加入不断的成长。
需要说明的是，虽然我们将字体的设计权交给设计师，但我们仍旧会对每个字体进行评审。除了字体风格的统一之外，我们对字体本身的基本要求也同样严格，比如字形结构的正确性、字体美感是否达到标准等。
随着品牌体系的影响力越来越广泛，我相信我们的品牌字库也会越来越丰富、完善。我们也欢迎更多的内部品牌遵守这套规范，一起加入网易B端品牌设计体系、网易正体的“共创计划”中。
2.标准化的设计流程，更高的设计效率
通过对于整个设计流程的优化，我们将品牌的框架规范设计、品牌字体设计、品牌VI规范这几个流程进行了标准化，以此来提升整体的设计效率。
设计师可以将更多的精力专注于前期的品牌图形与概念的创意上，而之后的工作可以用这个标准化的流程来完成。更重要的是，这并不是单纯设计层面的流程，二是经过整个团队确认的流程。因此，只要图形创意获得通过，那么后续的流程便可以快速完成可出产出，无需再次与各方确认。
3.围绕品牌体系的内部生态
我们通过不断的品牌设计与升级工作，通过不断成长的品牌、不断完善的标准化流程，最终完整了网易智企的品牌设计体系的建设工作。
基于所有的VI规范都是同一标准的，所有场景的规范可以任意组合、替换，这使得我们可以以统一标准输出给市场、产品人员，并逐步去建立后续的统一规范。
总而言之，品牌体系是所有体系化的基础，也是智慧企业设计体系的核心。只有顶层品牌的统一，才能在顶层认知上影响每个产品线，并逐步去引导中层、底层规范的统一。
4.更大的影响力，“B端品牌体系”共创计划
我们为什么要建立品牌体系？
回到最初的原点，除了帮助网易智企解决当前阶段的品牌问题外，还有另一个原因——在网易内部建立一套指导性品牌设计规范与流程。
设计不仅仅是纯粹的创意性，也不是片面的规范性。
体系的目的并非强制性的规范（我个人并不推崇毫无意义的统一）。体系的目的在于引导性、在于选择性。我们希望提供的是一个基础标准和流程。也许某个产品的设计师并不擅长品牌设计，也许大家有这套体系需求，那么大家可以有一套高品质、的品牌设计与落地流程。
也许某个产品线觉得这套体系不够满足目前的现状，但对于品牌的基本标准不清楚，对于品牌设计流程不够清晰。那也可以这套体系的基础上进行创新，借鉴这套设计流程。
基于这个目标，我们已经将品牌规范与标准文档进行了小范围的开放试验。截止到2020年的上半年，已经有多个品牌开始使用这套标准化流程进行品牌升级与规范输出，比如网易易盾、网易轻舟、网易疾风等。
在无序中寻找秩序，在秩序中寻找创意，让世界变得更有序、更有趣、更美好。
选择器是一个输入字段，用户必须在其中选择一个（或多个）选项，这与文本字段中用户可以自由使用的输入区不同。选择器具有各种不同的形状和形式。下拉菜单，复选框，切换按钮，滑块等都是不同类型的选择器，但它们看起来彼此并不相似。这些类型的选择器之间的主要功能差异是用户可以选择的选项数量：一个或多个。
单选选择器按效果又可以分为：点击选择器、滑动选择器、多联动选择器、开关选择器、可搜索效果的选择器、地图选择器。
点击选择器
点击选择器可分为两种状态，状态一为立即触发，当你点击后会立即跳到下一步操作；状态二为再次确认触发，当选中某项时，不会立即触发操作，而是需要再点击别的触发类组件（如保存按钮）后，再执行操作。
特点：直接进入，并没有再次确认的按钮，可以让你快速到达想要的目的。
建议：虽然目的能快速达到，不过也很可能会造成误操作，所以在设定这类选择器时要多考虑手指的触碰区域以及每个选择元素的距离，同时正因为是直接跳转，所以应当加入一些操作提示。
举例：汽车之家在用户选择二手车时就会出现此选择器，当我在汽车之家想要选择二手车时，它会弹出立即触发式选择器控件，我们在控件上可以看到有7个圆形选项，分别为：汽车之家诚信联盟、准新车、奥迪、奔驰、宝马、三厢轿车、分期购车，当我点击“奥迪”选项时就会立即跳转选择后的页面，为了让用户知道自己选择后的状态，在跳转页面时还会弹出非模态弹窗的文字提示“共找到1943辆车”。
特点：这是最为常见的选择器类型，当所在选项选上，除了选择另一个选项之外，便没法取消选中状态。（选且只能选择一个选项）
建议：在设定此类选择器时我们应该从产品的角度去考虑是否给用户一个默认选项，甚至是否考虑给出一个重置按钮。
举例：我刚注册小红书时，在小红书填写信息页面中，它的默认选项是“男”，我点击“女”，则会自动取消掉“男”，它们两者并不能同时存在，并且只有我点击下一步按钮时才会正式确认我选择完成。
滑动选择器
建议：滑动选择器的展示区域有限，部分选项会被隐藏，最好是当用户对所有选项都比较熟悉、有预期的时候，才使用它。为了保证手机屏幕触控精度，以免发生误触，滚轮选择器建议控制在5列以内。
举例：在小红书填写年龄信息时，我们只需用手指在区域内滑动即可选择想要的选项。
多联动选择器
特点：多联动选择器是由两个或两个以上的中继器制作而成，第一个中继器选择后，一般会对第二个中继器进行筛选，不过因为显示的区域有限，所以当你要切换时，还只能挨个切换，效率低下。
举例：如下，当我选择了内蒙古自治区，那么2级内容就应该筛选掉内蒙古以外的城市，比较适用于省份-城市或者品牌-产品这种类似的选择，当然下面第一张多联动选择器也结合了滑动选择器。
△选择城市时，我们必须要先选择省份，再选择城市，最后才能选择县；
多联动选择器展示的方式非常多，不仅可以用滑动形式展示，还可以用点击、平铺列表等形式展示。
上图则没有先后顺序，不过当你首先选择颜色时，如果没有相同尺码的衣服，缺货的尺码则不会被选中，先选择尺码也是相同道理。
切换开关选择器
建议：如果某开关的功能是用户经常使用的状态，那么可以在默认状态下打开开关，不过需要注意的是在某些特殊的开关按钮需要打开时，必须要提前告知用户。
举例：当我打开UC浏览器的设置时，它的辅助功能就使用了切换开关选择器，切换的开关只需要点击即可。
可搜索选择器
特点：可搜索选择器一般用于选择项较多时，特别是对于电商购物类的APP搜索选择器是必不可少的，搜索选择器会根据用户输入的内容，对中继器进行模糊的搜索，让用户快速找到并选择内容。
建议：在搜索区域输入文字时，可给予用户更多的文字提示以及以及引导类信息。
举例：小红书在搜索时就会出现数字化的信息提示，这样能够很好的引导用户进入到想要的搜索结果：笔记或者商品页面。
地图选择器
特点：作为最特别的选择器，它的功能是复杂的，它的操作方式也是多样化的，地图选择器的操作可点击、可拖拽、可放大缩小等等，它多用于生活类APP。
举例：打车类APP必用的地图选择器，滴滴出行的用户可以实时看到车辆信息，可以采用点击、拖拽、放大等操作来选取上车地点，选取后还有文字信息提示，让用户确认操作是否正确。
贝壳APP则用地图选择器来让用户选择二手房，同时也采用了联动式的效果，第一步是查看区域，可以明确看到区域的售房套数，点击选择区域后我们可以看到每个路段的房子套数，点击路段后就可以看到每个楼盘的套数以及均价，直到点击楼盘就会弹出详细信息框。这样有助于用户在选择二手房时从大数据分析二手房的情况，有更好的对比性与选择性。
当单选选择器不能满足用户需要时，这时我们就可以采用多选选择器，一般常用的多选选择器都是采用点击的方式，当然也有滑动类型的多选选择器。
点击多选选择器
特点：当用户想要选择多个类别的情况下，我们就可以用点击多选选择器来展示提供给用户选择，通过屏幕点击选中或取消选中该选项，它不会立即触发操作，需要再点击别的触发类组件（如保存按钮）后，再执行操作。
建议：从用户的角度来讲尽量不要强制用户选择数量或者默认全部数量；多选项时触碰区域不能太小，以免造成误操作。
滑动多选选择器
特别注明：从用户的角度来看，它可以选择多个区域段的内容，所以我把它分为多选选择器中。
特点：当系统给出的选项不在自己的选择区间时，可以很好的自定义选择区间，把定义权限交在用户手里。同样，它需要再点击别的触发类组件（如保存按钮）后，再执行操作。
建议：在用户滑动操作期间要有明确的操作提示，让用户时刻感知目前处于的状态；滑动区域尽量不要超过100刻度，如果刻度距离太小，用户在滑动时也很难精准的选择范围。
举例：在汽车之家APP中，当我要选择汽车价格范围时就会出现此选择器，我们可以用手指滑动来选取它的价格区间，相对于上半部分的单选价格拓展性更强，用户可以自行选择上半部分的单选选择器，也可以选择滑动多选选择器，给予用户更多的选择。
标题易懂：
文字标签易懂：
一般使用短语而不是句子，也并不需要用标点符号来结尾。（如：当选择想要的菜谱时，菜谱后的文字不需要加入标点符号）
选取状态易懂：
用户能够明确感知什么是选中状态，什么是未选中状态，什么是禁用状态。（如：选中状态为高亮显示，未选中为普通显示，禁用状态为灰度显示）
反馈提示易懂：
当你在选择中遇到选项限制或是否需要确认操作时，反馈提示一定要一目了然。（如：当你选择某衣服时，S码不能选择，则会用灰度显示的文字代替，甚至可以用中横线划过文字，明确告诉用户不能选择）
从逻辑顺序：
从产品利益角度排列顺序：
从用户体验排列顺序：
视觉布局一致：
每个元素之间的对齐、元素与元素之间的间距、按钮不同状态的视觉体现。一般情况下移动端更倾向于左对齐，这样有利于快速读取选择内容，可以提高用户的浏览效率并减少错误。
图片/插画风格统一：
默认选项是选择器的开始状态。在不同的选择器中有不同的默认方式。
默认未选中：
这是最常见的一种状态，特别是对于选择年龄、生日这些个人隐私信息，系统也没有办法进行默认选择。
默认选中其中一个选项：
要想默认其中一项，必须考虑两点因素，因素一：你想要潜意识的像用户传达信息，在单选选择器中默认选择一项后，就可以潜意识的向用户传递信息必须要在这组单选项之中选择一个。因素二就是产品的倾向，例如此产品的性别9成都是女性，那么建议默认选项为女性。
默认选中全部：
其实默认选中全部在用户体验上来讲真的不是那么的友好，例如微博这个选择器界面，刚进这个界面时已经全部勾选中，并且当你没注意习惯性的点击下面的按钮时会生立即生效，没有返回的余地。（吐槽：有些APP甚至没有一键取消功能，要一个个的点击取消…）这也是为了产品牺牲掉了部分用户体验吧！
单选选择器的更多选择：
如果用户不想做出选择，那么应该提供一个中立选项，为用户提供一个明确的方向，中立选项比勉强选择要好。例如在选择行业领域时，以上并没有你所处的领域或你不确定你的领域，你就可以选择“不限”或“其他”。
多选选择器的更多选择：
在多选选择器中，如果不能把控到用户的准确选项区间，那么可以考虑滑动多选选择器，让用户有更多的选择区间，不管是汽车之家还是懂车帝在选择车辆价格上两者都是采用的相同方式。
选择控件在操作过程中必须更改其状态/外观，要明确让用户知道是否能选中，是否被选中。控件状态一般分为三种：未选中、选中、禁用。
未选中
选择器的开始状态，向用户表明，可对该选择控件进行操作。
选中
用户操作选取状态，选择控件处于被选中的状态。
禁用
一般情况会为灰色显示，用户将无法与选项进行交互。
指的是用户在操作中让用户得到相应的反馈，用户根据这些反馈可以判断当前状态以及操作后状态。在选择器中，操作提示一般用辅助文案提示及非模态弹窗提示。
辅助文案提示（选择前与选择中）：
辅助文案指的是在选择控件主体之外另外放置一些文案信息来充当说明，例如下面是地区选择，我在选择不同层级的区域时，它的上方会出现辅助提示文案，让你明确的知道你上一层级选择的是什么。
同样，当我在选择价格区间时，滑动选择器的左上方一样有文字类的提示：
非模态弹窗提示（选择后）：
非模态弹窗一般出现在用户操作完的跳转页面中，为了让用户感知所选的选项在页面的状态，如下，非模态弹窗告知用户一共有7辆车符合标准。
当然除了非模态弹窗外，还有模态弹窗，但是用户体验极差，目前很少使用，所以就不列出来了。
扩大点击区域：
在选取按钮类的操作时，容易出现点击不到或误操作的现象，我们可以通过扩大点击区的交互区域来提高易用性，例如下图，虽然按钮在左边，但是可以把横向区域都列为可点击区域。
当然我们也可以从设计的角度来扩大视觉范围，从而也提高了点击范围，这样的处理不仅提升了视觉层面，还提升了交互体验。（图文结合方式）
注意交互间距：
在元素与元素之间一定要有合理的交互间距，不然很容易出现误选的情况。
合理利用有效区域：
在选项较多的选择器中，我们可以利用好选择主体控件之外的区域，例如在选择城市/品牌时，我们可以做A-Zindex式字母交互区，帮助用户快速找到想要的选项。
让用户选择本来就是一件枯燥乏味的事情，如果让这件事变得有趣那么会极大的提升用户体验。
从文本层面：
例如当用户填写性别信息时，你给予用户的文字信息并不是“男”/“女”，而是“帅气的boy”与“酷酷的girl”，这样会让用户觉得这是一件比较有趣的事情，而不是被动选择。（注：这样的取名一定要符合产品的特性）
从视觉层面：
加入可玩儿性的选项，例如汽车之家的头像切换，可以选择自己喜欢的头像。（头像并不是强制选择的，如果不进行操作则是默认选项）
从交互层面：
让用户去享受选择。例如Soul的星球首页就做的非常棒，在未选择状态他的人物会360度围绕着转动，当然你也可以快速拖拽，或者放大缩小，可玩儿性十足，并且在内部设定了最匹配/新人的高亮显示，协助用户去选择。
不同的产品在使用选择器时都各有不同，因为每个选择器都有它的利弊，而真正要怎么去选择还要根据产品本身来定。
那么我就拿目前市面上最常见的5个地址选择器的类型来分析一下利弊：
多联动选择器（平铺式）
手势操作：点－点－点
多联动选择器（列表跳转式）
闲鱼采用的是多联动列表跳转式选择器，这个选择器最大的缺陷就是选择三级之后用户可能会忘了上一级的内容，那么就又要切换到上一级，闲鱼采用它的原因是因为它只有二级联动，不存在遗忘现象，不过这样列表式的选择效率并没有平铺的效率高，人眼习惯扫视横向内容，所以横向的内容获取往往要比纵向的多，在地址选择器上我个人是不太建议采用多联动列表跳转式，因为并不也不直观。
手势操作：滑－点－点
多联动选择器（列表式）
转转采用的是多联动列表式选择器，它的优点是可以根据右侧字母来找城市，数据偏大也能够很快的查找。不过如果在层级的选项中出现错误，同样就要切换到上一级，并且在操作中没有辅助信息提示。
手势操作：滑/点－滑/点
多联动选择器（下滑式）
安居客采用的是多联动下滑式选择器，这种形式的选择器不会遮挡后面的主要内容信息，在选择完地址之后能立即看到地址的筛选结果。优点是能快速选择多级地址，并且层级分明，扩展性较强可以做成地址多选。缺点是不适合3个层级以上的地址选择。
手势操作：点－滑/点－点
美团外卖采用的是地图选择器，这个选择器一般用在需要精准定位的生活类APP中，它的优点就是能够快速精准定位，并且自动录取定位信息，它的缺点也显而易见，不能含带层级并且对范围也有约束。
在BAT、TMDJ等一线互联网企业，决策平台又称决策支持平台、管理会计平台。但实质都是实现业财一体化后，提取业务、财务数据，自动生成各种管理报表、财务报表，智能预警风险、预报业务前景，通过Dashboard或驾驶舱的形式展现给管理层、决策层，本文作者暂以管理会计平台展开讨论。
管理会计，从定义来看有狭义与广义之分。狭义的“管理会计”通常是指财务会计概念，包含“成本管理”和“管理控制系统”两部分。
而广义的“管理会计”则是指运用一系列的分析手段，通过挖掘财务数据、业务报告等中潜在信息，对企业财务状况、经营成果、现金流量和产品竞争力进行分析，辅助经营者进行决策，指出业务、财务风险隐患，预测未来趋势，赋能业务，以数据驱动企业发展。本次讨论的后者，即广义的管理会计。
管理会计目标的实现，不是简单的某一个系统或产品能承载的，需要设计一系列的产品矩阵，包括基础的核算系统如ERP、成本结算系统、预算系统、报表系统，这个矩阵就是管理会计平台（以下简称管会平台）。
管会平台的主体或用户的不同使得所产出的管理报表（以下简称管报）指标也有所不同。用户一般分为外部和内部2个大维度。
1）外部用户
投资人偏向于分析企业的盈利能力和资本保值增值能力，如净利润率、资本保值增值率等指标；债权人则侧重分析资产负债水平和偿债能力，如资产负债率、利息保障倍数、权益乘数等指标。
2）内部用户
管会平台在设计时应考虑满足这些不同用户的需求，并通过权限、角色实现千人千面的效果，不同用户展示不同指标集和报表。
管理会计不仅属财务一个分支，更是财务在企业管理中应用的升华，财务的4个功能层次形象筑起管理会计的坚实基础：
做好管理会计，核算是基础，分析是关键，管控是抓手，赋能是核心。
分析不仅仅是传统的报表分析，而是基于大数据、机器学习、AI等高科技手段，自动化、准确、智能的实现风险预警、趋势预测，引领、驱动企业发展。
继而计算总资产净利率，权益乘数，销售净利率、总资产周转率……通过实际与预测的横向对比、基期与历史的纵向对比，找出各种指标异动原因，实质是分析企业的赢利能力、营运能力、偿债能力。
但这些通用的指标需结合企业实际情况、历史数据，并体系化形成产品，才能分析出症结点所在，这也是管理会计平台建设的意义与努力的方向。
如何搭建管理会计平台（以下简称管会平台）呢？互联网管理会计平台，其实并不是一个单一的平台，而是由众多关联子系统构成，通过多个子系统间协同合作完成管理会计目标的系统集。
一个典型的财务产品架构如下图，涉及多个子系统。典型管理会计产品分为生产端与消费端，架构图如下：
在简要介绍各子系统功能前，可以先看以下简化版的管会平台产品架构图，典型的管会平台产品架构可以划分为四层结构：支撑层、数据层、核心层、应用层：
用来支持管会平台的基础服务和基础设施，包括容器云、安全服务、存储服务、消息引擎、任务高度、短信服务、证书服务等。
汇集业务、财务数据，以大数据或数据湖的形式承载基础数据，包括ETL、BI、大数据等。
管会平台的核心模块，分为清结算、财务中台、ERP、预算、管报中心五大块；
1）清结算
2）财务中台
主要针对业务中非审批类的收入、资产折旧、摊销，自动对账、生成分录，并传递至ERP，主要包括：入账规则、数据校验、分录生成、主数据等。
3）预算模块
预算功能，包含预算编制、执行等，结合BPM审批流，实现费用控制。
4）ERP
财务核心入账平台，包括总账、应收、应付、资产、财报等。
5）管报中心
管会平台核心输出层，包括生产端和消费端2部分，生产端分为指标集、规则引擎、模板、预处理、智能诊断等模块。消费端主要是管报产出结果的展示即驾驶舱、手工确认或修正。
管报中心是核心中的核心，后面第三章会详细展开。
通过支撑层、数据层、核心层提供的服务组合起来，对最终用户、运营管理人员提供的系统。在产品架构层面体现为前端展示层、业务域和过程域。前端展示层主要是结果展示的形式，如PC端的web页面、移动端的APP或H5、小程序等。
业务域是上游的各业务系统，而过程域是管会平台所依赖的流程工具、特征数据，如供应商、ORG、BPM等。
管报中心由生产端和消费端组成：
生产端流程图如下：
【指标集】：配置各种指标，如“速动比率”、“产品成本费用率”等。一旦配置不得删除，只可修改或禁用。上游是科目与计算规则，但校验关系不在此模块。
【模板】：指标、预警或诊断信息的集合，可导入或手工增加。在预处理和结果展示时，将会调用此模板。
【规则引擎】：由“科目规则”、“计算规则”、“指标规则”、“预警规则”四部分组成。
在每一层指标中，有实际值、预测值，二者之间的偏离度，就是预警条件；“好”、“差”就是简单的信息模板，可把具体原因也纳入进来。
主因判定实质是一个由上到下的递归过程，如此例中，A公司获利能力（即资本报酬率）相对较差(3.08%<7.41%)，这是第1层判断。
再往第2层，经过分析可知这不是因为总资产净利润差(2.55%>2.37%)，而是财务融资能力差(1.21<3.21)。如此类推，直至分析至底层科目级指标。
【预处理】分为“重分类”、“平衡试算”、“定时任务”、“结果存储”四部分，是报表产出的运算过程。其中“平衡试算”属前置数据校验，检查数据是否达到报表可用程度。“定时任务”与“结果存储”属技术性过程，“重分类”根据会计要求设置，具体由财务确定。
【智能诊断】是对具体的报表进行分析，由“诊断开始（数据准备）”、“规则判断”、“预警判断”、“结果确认”四部分。其中结果确认包含结果展示、消息分发、手工修正等。“规则判断”与“预警判断”是对【规则引擎】中的“指标规则”、“预警规则”的具象应用，实际应用中可引入AI、TensorFlow(机器学习)等技术手段提升诊断的准确度。
在生产端准确、及时生产出数据后，消费端就不愁无米下锅了。一般通过Dashboard或驾驶舱展示，这一块通常需要BI或数仓部门的协助，效果图如下：
综合以上，管会平台的每个子系统并非孤立的，通过产品架构相互关联。产品架构与技术架构相辅相成，产品架构决定需求和设计，技术架构决定技术框架和性能。包括AI在智能诊断上的应用、数据域的实现等。
好的产品架构将这些不同用途的功能进行聚类整合，因此，【才听途说】建议将管会平台拆分成多个子系统，明确业务边界，减少系统间的耦合，提供优质、的管理决策支持服务。
不同互联网公司，业务体量甚至有成千上万倍的差距，如京东集团内不同BU的体量及发展速度造就其系统复杂度也差异巨大，高度复杂的管会平台甚至需要数百人的技术团队来设计、开发、维护。
不过，对于体量较小的互联网公司来说，几人的团队即可搭建一套系统并维护日常运营。
互联网企业作为金融科技业界引领者，建议在系统开发前期（从0到1），以MVP形式，小步快跑，快速迭代，尽快上线、降低开发成本，优先开发主要需求、及较重要的子系统，或并行实施几个子系统，如ERP的实施、清结算的开发、管报中心的开发可以并行。再做次优级子系统，逐步迭代。
随着订单量的提升及业务复杂度的增加，不同BU甚至不同BGBU的接入，管会平台复杂度将指数及上升，系统处理起来会越来越吃力，若无良好的规划，各子系统耦合度越来越高，杂糅在一起，系统灵活性越来越差，无法跟上业务的发展。
因此，管会平台的中长期发展（从1到100、到∞），极其考验我们的业务梳理能力，及对业务进行拆分、产品架构的能力。
特别是目前行业内还没有体系化的管会平台建设经验可参考时，更考验我们的综合能力，包括财务专业知识、业务理解力、产品规划能力。
但万事不要怕，只要抓住产品设计精髓，即设计的产品应满足逻辑完整、业务功能明确、可扩展（发展方向明确但业务边界清晰）、灵活（非耦合）等特点，一切将会迎刃而解。
本文主要整理了2021年的设计趋势与思考，主要为ToB方向。随着产业互联网行业的发展和数字化的进程，设计工具以及生产方式也在不断进化发展。在5G、人工智能、大数据、云计算、物联网的技术浪潮下，对设计团队也提出了更高的要求。
1.SaaS趋势：一线工作者将成为决策的中心，“职业前线”是常态。
工作一直在我们的社会生活中发挥着重要作用，但从未像在疫情期间那样重要。在疫情期间，数月的封锁给人们的情感健康带来了损失。当然这有助于远程感知的技术和工具的发展和进步，但是还有很长的路要走。
对于一线员工来说尤其如此，不幸的是，一线员工通常与公司的联系最少，但最容易感染该病毒。诸如教师，医生，零售人员和制造工人之类的基本工人通常无法获得与同事相同的公司范围内的技术。许多人甚至没有公司电子邮件，甚至没有办公桌。
△@FarhanFauzan
但是，公司开始意识到这些一线职工（他们通常是客户的第一个接触点）可以为组织带回宝贵而独特的见解。企业现在正试图通过集中工具来完成这些任务，例如轮班制或与他们的手机即时共享重要的健康和安全信息，从而使这些员工的工作更轻松。
△@BarlyVallendito
普华永道美国副主席、风险投资与创新全球领导者VickiHuff指出，数字化解决方案在这里发挥着重要作用。”为了在2021年茁壮成长，企业需要将员工置于工作空间理念的中心。通过对员工体验的磨练，雇主可以提高生产力，增加参与度，并创造出更多连接和的劳动力。实现这一目标的核心将是与公司现有的技术堆栈相整合，并为员工个人提供个性化服务的数字化解决方案。”
2.数字健康与员工健康趋势
我们对COVID-19的了解还不够，但这将会是可穿戴设备，远程医疗和人工智能等新数字健康发展机会。到2021年，我们可以预料这些技术将继续发展。
我们还看到了一些出色的自监控应用程序应用于可穿戴设备，可提供有关步数，睡眠，心率或血压的即时可视化数据。这些复杂的功能使用户能够掌控自己的健康，并告知他们如何改变生活方式。
医疗保健人工智能软件，硬件和服务市场，预计到2025年全球将超过$340亿@Businesswire
△PilloHomeHealthcareRobot@415Agency
Oracle-WorkplaceIntelligence最近对12,000名员工（包括3,100名C级高管）进行的一项调查显示，企业领导者与任何人一样容易受到职业压力的影响。71％的高管表示2020年是他们有史以来最紧张的工作年，而53％的高管表示在工作中遇到精神健康问题。
△@ILLO
专注于改善员工的福祉不仅是正确的事情，而且公司也意识到这可以提高业务绩效。这就是为什么他们正在寻找技术和其他工具来提高工作满意度，工人健康，可持续性，工作与生活的平衡以及灵活的工作安排。
或许人工智能之类的技术能对于这一追求提供重要帮助。Oracle-WorkplaceIntelligence研究发现，75％的员工认为AI可以帮助提供对其工作至关重要的信息，自动化任务并减轻压力。报告还显示，68％的员工宁愿使用机器人而不是经理来讨论工作场所的压力。
△@ShahinSrowar
3.人工智能工程化（AIEngineering）
多年来，人们一直担心自动化技术在企业中的迅速普及会导致工作岗位减少。现实要乐观得多：自动化不是要替换工作，而是要增强工作。
人工智能工程化立足于三大核心支柱：数据运维、模型运维和开发运维。强大的人工智能工程化策略将促进人工智能模型的性能、可扩展性、可解释性和可靠性，完全实现人工智能投资的价值。
△@CraftworkStudio
4.企业数字孪生
数字孪生是真实世界环境、产品或资产的虚拟表示，用于多种目的。制造商使用数字双胞胎来管理机器和工厂的性能和效率，而城市规划者则使用它们来模拟新开发项目的潜在影响。2021年数字孪生将会在物联网（IoT）平台中有更广泛的应用。
△@azure.microsoft.com
5.全面体验（TotalExperience）
△@HamzaAbdelhak
6.行为互联网（InternetofBehaviors）
企业机构使用该数据来影响人的行为。例如为了在疫情期间监控对健康规定的遵守情况，企业机构可以通过使用IoB计算机视觉来查看员工是否戴着口罩或通过热成像来识别发热者。
Gartner预测，到2025年末，全球一半以上的人口将至少参加一项商业或政府的IoB计划。虽然IoB在技术上可成为可能，但社会各界将对各种影响行为的方法展开广泛的伦理和社会学讨论。
△BayouFordDriverApp@hamamzai
7.网络安全网格（CybersecurityMesh）
网络安全网格使任何人都可以安全地访问任何数字资产，无论资产或人员位于何处。它通过云交付模型解除策略执行与策略决策之间的关联，并使身份验证成为新的安全边界。到2025年，网络安全网格将支持超过一半的数字访问控制请求。
Gartner研究副总裁BrianBurke先生认为：“新冠疫情加快了耗时数十年的数字化企业变革过程。我们已经越过了一个转折点，大多数企业机构的网络资产现在都已超出传统的物理和逻辑安全边界。随着随处运营的不断发展，网络安全网状组网将成为从非受控设备安全访问和使用云端应用与分布式数据的最实用方法。”
△Digitalsecurity@StephaneVasadze
虚拟现实（VR）再次兴起
不过由于最近VR游戏的发行成功，包括“半条命”（Half-LifeAlyx），VR热度再次上升。新兴厂商为动态和创造性的混合现实构建新的解决方案；此外，医疗健康，在线展览和娱乐艺术的需求也在增加。
虚拟现实游戏行业内的全球收入预计从$4亿在2017年到2024年增长到$24亿。@Statista
△微软HoloLens展示了“计算的新现实”。@microsoft.com
那么除了游戏行业该如何进军VR市场？在疫情期间，GDC在2020年使用VR中主持了他们的演讲，使远程参会者能够360度观看展台，通过网络研讨会和聊天室进行互动。在2021年，我们可以看到更多的企业会利用这项技术来触及全球更多的用户。
△@MikhailGorbunov
同时我们还可以预见在数字医疗中使用大量VR可以改善对慢性疼痛，焦虑症和创伤后应激障碍的治疗。我们甚至可能会看到剧院和博物馆采用了这项技术，以保持对公众的虚拟开放。
设计增强现实（AR）
AR同样是是“未来派”技术的代表之一，已经获得越来越多普及。你可以在花园里偶遇一头真人大小的长颈鹿，也可以想象宜家家具设计是否符合家里的风格，不少厂商已经透露不少新颖的AR应用场景。
通过对于AR产品的全球市场可能骤增至85％，在未来四年将有$1650亿市场@Statista
2020年9月，马克·扎克伯格（MarkZuckerberg）宣布Facebook将于明年启动“迈向增强现实眼镜之路的下一步”。
△@sparkar.facebook.com
语音用户界面（VUI）
在疫情期间，当我们思考如何在不接触的情况下与设备进行交互时，语音和手势交互似乎成为了另一种UI&UX的趋势。
其实早在疫情爆发之前，这种趋势就已经很明显，语音交互是未来几年主要的UI&UX趋势之一，在设计中可添加语音用户界面的场景越来越多。例如，您可以使用语音聊天机器人使访客使用语音命令进行通信。虚拟助手也是如此。在未来几年中，许多公司将创建完整的语音用户界面。
△@DenislavJeliazkov
语音交互基于AI人工智能，我们希望最终能通过语音助手来解决复杂的问题并且易于使用。下一代AI助手将具备：高级个性化，个性化主要的目标是使用户感知内容是专属的。基于语音的助手将通过分析语音和面部表情来了解确认交互者的身份。非接触式交互，语音优先界面帮助设计师减少用户达到期望结果所必须采取的步骤。
手势控制
手势控制是一种随着触控屏出现而引入的各种手势控制机制的一种新技术拓展。现在悬空手势已经实现在设备上正常工作。例如，最近欧洲豪华车品牌DSAutomobiles通过空中触觉反馈和手势展示了其新的非接触式控件，声称该系统提供的精度比触摸屏高三倍。
△HapticsandGestureControlinAutomotive@Ultraleap
1.3D设计
3D同样是2021年的设计趋势，3D设计目前更容易应用在企业的品牌或产品应用中。
审美是一种循环，在长达12年的扁平化设计之后，Mac新操作系统AppleBigSur也让3D在UI设计中得到更频繁的使用
△@EricHoffman
实际上早在2017年的Build大会上微软宣布采用全新的MicrosoftFluentDesignSystem就包含3D设计的五大核心元素：Light（光感）、Depth（深度）、Motion（动画）、Material（材质）和Scale（缩放）。其中就包含微软最早在Win7时代就应用了亚克力（毛玻璃）效果，而苹果则将这一特性发挥得淋漓尽致。从z轴维度出发的设计，用它来制造出覆盖内容之上的感觉，令界面元素更有层级，更有趣。或许是因为微软并没有很好的将Fluent应用在实际产品中，一直处于概念优于实际。
3D设计的流行离不开行业的布道者们的引领，2021年3D设计将进入一个新的开始。
△@Ryan.Jyu
2021年，设计师（艺术家）们将彻底打开对3D的探索之门，这种趋势将会大量呈现设计师们在各种材质、光效、物理模拟等深入研究的效果。
△@mav.farm
基于WebGL的three.js正流行；通过Web可以随时随地访问3D的故事场景，相比过去，现在的前端框架和库能够显著提升页面加载时效，使得能够支持更大更为精细的3D场景。
△@adidaschile20.com
△@experience.soletanche-bachy.com
当然技术虽不断发展，但3D的主要缺陷任然存在。3D对象结构越复杂，在用户设备上执行的负载也就越大。需要确保网站已经优化完全，以保证可以显示完整的动态效果。否则用户遇到加载过慢或失败的情况下会适得其反，用户会产生严重流失。
△@GlebKuznetsov
2.动态化设计
我们相信所有年龄阶段的用户都喜欢观看引人入胜的动画故事或者可交互动画动作。尝试使用简约的界面与大胆有趣的元素结合在一起，既可吸引用户，也能保证信息清晰明了。
2021年，动画设计案例将越来越多。无论是界面UI动画，还是大型营销动画（包含3D），技术的发展将带来全新的体验。
△@richardmattka.com
3.SVG（可伸缩矢量图像）的广泛应用
过去在企业应用设计中，由于浏览器兼容问题导致没有办法完全覆盖SVG，现在除了可以应用全局SVGIcon以外还可以通过SVG来绘制矢量插图，插图使用XML定义基本属性，例如路径、形状、字体和颜色以及更高级的功能。
△@Huseyin
当提高显示分辨率时，PNG、GIF和JPEG会丢失质量。而SVG可以任意放大或缩小矢量格式而不会降低质量。相比位图，SVG具有更轻量的体积，更快的访问速度。
4.UI&UX轻量化设计
UI&UX持续精简优化已然是趋势，更少的字段显示与更少的字段填写。即使用户达到所需结果所必须采取的步骤也是如此。
△@developer.apple.com
苹果公司推出了“超级按钮”，它替代了随机数据进行网络注册。在许多应用程序中，您现在只需一个按钮即可注册，而无需社交网络的参与。
△@Heavyweight
冗余的UI资产会给设计系统的维护和迭代带来沉重的负担，保留核心组件并提升组件利用率，去繁化简似乎是未来的趋势。
△@bndigital
随着iOS和Android陆续支持了深色模式，深色模式也成为大众应用设计的标配。企业级应用的深色模式也将成为2021的趋势之一。
疫情带来的封锁与隔离给我们的工作方式带来极大的挑战，远程办公与在线协作将会成为常态化，如何有效的让设计师们在线协作一直是一个巨大难题。
Figma
Figma是一款免费的在线UI设计工具，可用于创建、协作、原型设计与设计对接。通过实时在线的设计协作能够打破设计师之间的视图壁垒，能够实时进行设计共享、修改以及反馈。你无需担心是否保存，你的设计稿永远保持版本。全平台兼容，只需打开浏览器就可以随时随地进行设计。除此之外Figma与Sketch一样通过轻量化主体+开放的API接口和插件生态系统，丰富的第三方插件市场能够为设计生产带来更多的可能性。
截至2020年4月，Figma的估值超过20亿美元。@福布斯
△Figma@RemillaTy
团队线上协作的设计思维导图工具，核心功能是支持团队在线协作白板服务，无论是思维导图、各式图表、概念图、还是资讯分析用的鱼骨图、价值链分析、PEST分析，Miro提供了丰富的免费模板。不仅如此Miro还提供了更为丰富的内容格式，包括视频、图片、文档、标签等。
△@miro.com
在线演示文稿工具，支持多人实时在线或离线以及跨设备构建。这是一种针对现代团队需求而构建的演示软件。Pitch可帮助团队更好地协作，、精美地制作演示文稿。
△@pitch.com
在线工具已然成为一种趋势，从格式转换、图片处理到3D建模我们逐渐可以通过一个浏览器来使用这些轻量化工具来解决我们实际的设计问题，Figma已经满足UI设计师的生产力工具所有需求，未来或许有更多基于Web的生产力工具出现。
Spline是一款3D设计工具，你可以无需下载客户端在浏览器中创建3D项目。Spline最大的特点是轻量，其操作界面跟Sketch、Figma结构一致，能够以2D的方式进行3D设计；无需3D设计基础。Spline具备基础的3D模型编辑功能，同时提供丰富的在线3D模型库使用，模型支持添加事件，通过设置不同模型状态进行交互切换。文件可以导出静态图片也可以免费导出离线网页。
△@spline.design
△@vectary.com
用未来设计工具将不仅仅聚焦设计产出本身，而是不断向设计的上下游延伸，打通工作的流程中的各个节点，连接和传递每个节点产出物、打通信息流，从设计研究→设计创作→代码实现→项目&资产管理，做到全流程全角色全场景覆盖，形成一个更低成本、更便捷的团队协作模式。
△@invisionapp.com/studio
用户界面设计工具的趋势之一：借助现代工具和技术简化设计师的工作流程。例如，Adobe在10月宣布了他们对Photoshop22.0版的更新，其中包括Nvidia的许多令人敬畏的AI驱动的功能，这是一组图像编辑工具，Adobe称其为“神经过滤器”。SketchApp最近更新了颜色变量和组件视图功能，方便更有效的管理颜色一致性。Figma也迅速更新了为分布式团队添加新功能，包括模板和虚拟会议功能，这些新功能使远程协作更加轻松。Pixelmator的图形编辑器的最近更新具有增强的机器学习功能和GPU驱动的图像编辑功能。
生成设计（Generativedesign）是另一个潜在的UX/UI趋势。这是可以分析大量相似数据，找到其定义特征和特征，然后根据所提供的数据创建新特征的数据。
△@helpx.adobe.com
代码结构化思维应用设计工具将是2021年的趋势之一，助力设计师构建结构化组件。Figma更新的组件变体功能将设计系统的组织形式结构化，统一管理组件的多种类型、尺寸、以及不同状态；优化设计层级，从而简化了资产面板并更紧密地将组件映射到代码。
Figma作为一个线上协作设计平台，因其强大的组件功能，越来越受到设计团队的青睐。为帮助用户对组件进行更加的管理，2020年11月初，Figma在其网站上发布了组件的变体功能。
△@MohamadRasouli
设计开发态能够极大提升设计与开发的对接效率，也能减少设计师与开发者直接的隔阂。
例如：你可以创建响应设计内容的动态框架。过去搭建或修改一个组件需要不断的调整设计尺寸及间距，现在通过自动布局设定参数即可自动适应。Figma中的自动布局（AutoLayout）功能其实是引入了接近CSSBox模型和Flexbox在Web上的工作方式。
△@AsiaInfoDesign
NewInvisionDSM在Web端更新了开发组件管理方式，通过将“组件代码”与“设计稿件”绑定，将设计系统进行统一管理；Zeplin同样也更新了设计组件（UIcomponents）绑定代码（Reactcomponents）的功能，让开发同学查看设计稿切图标注时，可直接访问已经代码化的组件详情，提升前端开发效率。
△@WojciechZieliński
我们常见的D2C主要出现在设计交付前端工具中，如SketchMesure、Zeplin，主要功能是导出静态页面代码（HTML+CSS）其问题是：代码机构不合理，可维护性差。目前业内讨论较多的是图片生成代码的能力：通过AI人工智能将草稿/视觉稿一键生成可维护的前端代码，提高前端开发效率。
微软的MicosoftAI的Sketch2Code即通过AI训练的CustomVisionModel可以针对HTML手绘模式执行对象识别，用于将有意义的设计元素检测到图像中，每个检测到的元素通过文本识别服务提取手写内容，被检测对象的信息及其在图像中的位置被同步到底层算法结构中，最后对应包含检测到的设计元素的布局生成有效的HTML。
除了基本的静态设计能力外，动态交互、动画展示等等在新一代的设计产品里面都可以结构化描述的，未来的D2C可以运用这部分数据来生成交互逻辑、动画代码等。
△@No-Codewebbuilder@Mohan
前两个问题百度一下就可以知道，我就不多说了，重点说说最后一个：B端如今还有什么机会留给设计师们发挥的空间么？
从当年火爆到的“建国大业”到去年的“我和我的家乡”都是典型的主旋律电影娱乐化；这个事情让我明白，歌颂祖国未必要手撕鬼子，葛优大爷和沈腾叔叔的段子也可以让我明事理…所以说不要一味的固守，破局或者顺势有可能是未来的路。我用这个思路套了下刚刚的问题，嗯～也许B端C化是未来toB产品的新方向；
不知道大家有没有察觉，在过往使用toB的经验里，会有特别累的感觉？我一直坚持一个观点，不管是UI还是交互做设计的本质同样是对信息的重新编排和处理；通过设计用的舒服才是王道；
C化最核心的一点就是对信息的处理，以往toB产品的信息密度高和模块化封装度低的特质，随着新方向的到来也势必会退出历史的舞台；（PS.这些短语都是知识点哈，赶紧记下来，省的汇报的时候只知道说大白话，不知道怎么用理论支持）。
另外随着MacOS和windows的设计语言升级（一定意义上操作系统也是B端工具），越来越多的产品跟随着走上了“材质区分层级”的路线，这也不失是一种好的做法，阿里云就是个典型：
这里再啰嗦一句，作为B端来说，万绿丛中一点红是形成“高级感”的最好办法，其他的就先不展开。之前坊间传言B端不需要视觉设计？我是真真的不认同啊，不好看也是烂体验的一种，毕竟颜值即正义，好看并不可耻，中看不中用才是忌讳，别给B端产品瞎定义，做一个既好看又好用的产品ta不香么...
从我的认知上讲，用户体验不再区分B/C两端很多年了，但截止到目前为止B端产品的体验远不如C端产品做得；其中的原因无非这2点：
专业性上好理解，就是用户基本会被冠以「专业」之名，所以会出现很多「我以为你懂的」的设计理念；对于信息量的庞大与否，坦诚的讲，造成的原因很有可能是交互上对信息的处理处理不到位，反反复复进行单一流程的多次复用，导致看起来很庞大的假象，就这个问题我们展开来说说：
如上图所示，这个交互设计解决了把单线程的操作整合成了单个行为控制多线程操作，减少了很多劳动力的重复浪费；这么说有点绕不好理解，用图来表示估计会好理解一些：
虽说打工人天下无敌，但也扛不住面面俱到，设置好工作起点和终点，分配好精力也是B端产品设计义不容辞的责任，其他无关紧要的过程，只要不出大的差错，就随ta去吧～
总之减少用户试错，也必定可以极大优化用户体验。
特殊情况影响让今年是企业产品高速发展的一年，各种各样的企业赛道号角都已经吹响，拼功能的年代已经过去，体验有可能是决定购买决策的关键点；所以在不改变功能和底层技术的情况下找到体验突破口是对业务最大的贡献；另外希望别过度迷恋所谓的行业标准方法，试着打破壁垒，站在“产品体验架构师”的角度上才能一览众山小，加油～
转自：站酷
作者：Lyxi106
为海南合群汽车销售公司设计的一站式服务平台APP
作者：RainBow丶Lin
作者：戏欢你
前言
设计的思考不仅要注重表象层面，也需要围绕信息传达这一设计的本质功能，以充满自省的精神深化和反思自己的设计意识，即做到“好看、好用”。在设计过程中，要站在公司的利益上，懂用户所想，在每一个关键点都要带给用户意想不到的惊喜，这些往往都是通过细节体现出来的。
001.「夸克浏览器」首个页面-我的地盘我做主
002.「百度」为什么把返回按钮放在了左下角？
005.「美团」减少一步操作、提升一级体验
006.「京东」搜索框-触发用户转化动机的占位符
007.「腾讯视频」付费片-试看6分钟的激进小心思
008.「高德地图」模拟现实事物运行规律的微交互
009.「网易云音乐」定制您的专属首页
010.「夸克浏览器」关键词-提前预知用户的需求
011.「快手」刚刚看多-贴心的用户提醒
012.「腾讯视频」VIP栏目-免费营销策略转化用户
013.「支付宝」城市天气-不仅仅是天气预报
014.「躺平」趣味化的下拉刷新样式
015.「滴滴打车」添加途经点-解决位置不统一的情况
产品体验：
进入夸克浏览器的首个页面，除此必要的元素之外，看到的是一片纯净之美。长按搜索框下方的空白区域，点击“+”号，可根据用户自己的喜好从弹窗中将想要的站点入口添加到搜索页，便于快捷访问。
设计思考：
002.「百度」为什么把返回按按钮放在了左下角？
进入百度APP，页面中80%以上的返回操作入口都放置在左下角，单手操作手机的用户触手可及。
Android智能设备的返回入口其实一直都在屏幕下方，只不过是根据品牌的不同，左右位置不同而已。根据后来大屏手机的普及，为了节约空间资源，使屏幕最大化的被使用，把原先硬件上的部分操作入口给隐藏了，但一直都存在。设计师都知道，iOS与Android的设计规范存在着差异化，比如返回入口就一直在左上角，虽然也有右滑返回的交互手势，但毕竟是隐藏的，而且对于部分页面的左右滑动，只能对tab导航起到作用，基于目前的趋势，手机的屏幕越来越大，单手操作的灵活性就成了难点。
百度APP的大部分页面则是把返回按钮直接从左上角搬到了左下角，被较为激进的用户称为反人类的设计，其实并非如此。大屏幕尺寸已经是趋势，屏幕大意味着内容可以更大限度地得到展示，将返回按钮放在左下角能有效的解决的用户单手操作大屏幕手机操作的难点，更易于操作，提升便捷性。更有效的防止用户因操作困难而导致手机滑落（碎屏），增加安全系数。
我们下载到手机的APP，大部分在首次打开时都会弹出一系列的系统权限，比如相册、相机、位置、网络...等，社交类型的更是不必多说，基于应用本身的性质，相册、相机及通讯录类型的权限都是必备开启状态，以便于在使用过程中的图片、视频交流。
在美团订单列表页面，单击其中一个订单从右侧向最左侧滑动，即可出现弹出提示，点击删除完成操作。
删除操作，我们一点也陌生，大部分出现在列表类型的页面。早期智能设备的删除入口基本都是通过右上角编辑或单个内容区域明显的删除图标入口以完成对应的删除需求。后来，也不乏一些应用为了节省页面空间，去掉了明面上的删除入口，通过长按交互操作来完成删除流程，但时至今日，并不广为人知。
（除了需要对用户的删除操作做出挽留、有营销的多功能隐藏入口外，如无明确需求，建议省略左滑后需要再次点击触发弹窗的这一步操作）
京东搜索框的占位符，会根据用户曾经搜索或查看过的商品关键词进行提示，每2秒钟切换一次，以便提醒用户再次查找之前可能想购买的的商品。
占位符就是在输入框中占住一个固定的位置，然后用户可以根据文案描述或提示语来明确每个表单输入框应当填什么内容，并且能够促进表单输入完成和提高转化率所存在的一个元素。最为常见的就是“请输入xxx”一段提示性质的文案，但如果把占位符的作用仅限于此，那就太浪费资源了。
高德地图规划路线后，选择出行方式时，用模拟现实事务的微动效图标+文案提示对应的出行方式，直观且趣味的表现方式更有代入感。
我们经常在网上看到这样的问题“高德地图与百度地图到底哪个好用”，准确的说是各有千秋，高德地图用户略多于百度地图，若论起用户使用体验，两家的应用一点都不含糊。在导航软件作为用户出行必备软件之一的今天，不仅仅是认路，更是用户在外吃、喝、玩、乐的一款综合体，其用户体验一直都是企业研究的重点。
在网易云音乐首页，将页面向上滑至底部，进入自定义排序功能，即可定制用户自己喜欢的专属首页样式以及功能模块的先后顺序。
很多设计团队都深知用户体验至上的道理，但一个应用界面的交互及展现样式不管以何种方式呈现，都不可能满足所有用户的需求，只能在不断追求细节的基础上来满足更多用户。首页自定义在一些部分较为个性化的APP上已经不足为奇了，即根据用户自身的需求，去修改系统、官方提供的页面内容及先后顺序。不过在众多APP的首页自定义功能的认知里，都是对页面的原有功能进行增减及自定义排序。
在网易云音乐APP版本的首页底部也增加了自定义排序功能入口，不同于其他APP页面自定义的是除了能对现有功能进行增减及排序外，还特别定制了三种不同设计样式的呈现以供用户选择，相当于用户随时都可以对首页进行改版。不用的用户都有不同的视觉浏览及操作喜好，比如大卡片、九宫格、操作热区的范围等，网易云音乐通过提供不同的首页样式可以满足更多用户的需求，提供更愉快的使用体验，增强用户的信任感，即多满足一个用户就可能多留住一群用户，降低了用户流失概率。
011.「快手」刚刚看过-贴心的用户提醒
身处移动互联网浪潮之中，我们不难发现，如今的短视频把用户的卷入和参与推向了一个新高度，尤其是生活在大城市高度压力下的年轻用户群。学累了，就想刷个小视频放松下，真以为然后就能集中精力再去学习？其实都是在扯淡，总觉得接下来的某个视频会有种奇异的魔力，一刷就停不下来，就好比在无边无际的海洋中，越喝越渴，别说自身难以碎片化学习，就连老人和小孩都带进来了。抖音和快手作为目前短视频的代表，都有着庞大的用户群，在用户需求基本都能满足的条件下，其战略方向准确的基础上，谁的用户体验最好，谁就是最后的赢家。
腾讯视频VIP栏目中的电视剧，基本都可以免费看前面的几集，然后根据剧情的发展程度，从免费变成付费，未完结的电视剧还可以通过二次付费进行超前点播。
支付宝首页左上角城市下方提供了天气状况，进入切换地区页面，会展示当前城市最近几天的天气情况。
随着支付功能的普及，几乎也成了每天都会打开的引用，它集合了我们的衣食住行，以前出门不能忘了带钱包，而现在只需要一部手机就能搞定一切。虽然功能众多，但对大部分用户来说，最主要还是归结于支付功能，除了部分线上支付外，就是线下支付了，顾名思义，线下即涉及用户的出行。
支付宝首页城市下方的天气预报，为用户提供了贴心的提醒，便于有出行需求的用户根据天气状况的程度决定是否必须出行或准备出行的必备物品。同时支付宝集合人们的生活服务，即使用户放弃出行，部分事情也可以通过支付宝线上解决，比如外卖、购物等。
躺平APP在页面下拉刷新时，会出现一个倒挂俯冲的“小人儿”动效结合情感化设计，趣味且引人注目。
躺平APP下拉刷新使用了品牌IP插图，从外观视觉上是给用户打造品牌印象，倒挂俯冲的“小人儿”动效结合情感化设计，趣味化的用户体验，能在产品特性上带给用户惊喜，勾起回忆，通过视觉跟用户进行情感互动。
打车模式从之前的线下出租车转战到线上，诞生的了很多叫车平台，其用的最多、知名度最高的当属滴滴出行，线上叫车服务给我们的出行带来的极大的便利。不知道大家有没有碰到过这种情况，几个人一起叫车但下车点不同，等到需要时可能会跟司机发生不必要的纠纷或不愉快的出行。多个人的上车点不同，但终点一样，也会被迫每人都要叫车，因此需要付出更多的金钱成本。
滴滴出行APP的添加途经点功能，完美的解决的多个用户出行的这种烦恼。途经点旨在满足多人共同乘车、个人多点出行等场景下多目的地经停的需求，减少口头沟通带来的误解与不便。途经点可以为乘客停车3分钟，不用额外收费，如乘客需要在某个地点长时等待，则需与司机沟通达成一致即可，随着此功能的上线，滴滴出行为用户提供了更为便捷的打车体验。