hi，我是鱼先生，专注平面视觉设计方向。今天和各位鱼友们聊聊设计中的重要基础知识点：点线面，系列一共 3 篇，先从点元素开始，那么点的主要表现作用有点缀、强调、烘托、装饰、平衡画面、统一等。我们听过画龙点睛的典故，有了眼睛的神韵之后，龙就会更加的活灵活现，像是有了生命一样，设计亦如此，元素的添加就如同画龙点睛一样...

hi，我是鱼先生，专注平面视觉设计方向。

今天和各位鱼友们聊聊设计中的重要基础知识点： 点线面 ，系列一共 3 篇，先从点元素开始，那么点的主要表现作用有点缀、强调、烘托、装饰、平衡画面、统一等。

我们听过画龙点睛的典故，有了眼睛的神韵之后，龙就会更加的活灵活现，像是有了生命一样，设计亦如此，元素的添加就如同画龙点睛一样，做对了，那么画面也就活起来了。

接下来，鱼先生会用通俗易懂的语言及案例解析，总结点的 8 种表现形式，以助于大家的吸收理解，分别是单点表现、多点表现、点元素的平衡性、方向与疏密、节奏感、视觉烘托、趣味性表现。

OK，直接开始吧！

往期干货回顾：

画面平淡不够有冲击力？试试这5个小技巧！ hi，我是鱼先生，不止会设计的 90 后解忧大叔。

阅读文章 >

一、单点表现 当点被单独使用的时候，就很容易起到聚焦、强调、吸睛的效果。

如下图案例，是一张册子内页：

作者：鱼先生

在设计版面中，标题具备了是否能够抓住读者的作用，需要被突出，图中标题所添加的红点元素，既起到了装饰作用，又起到了强调吸睛的作用。

作者：黄海

上图中所有手电筒的光照都汇聚在下面的一个点上，通过手电筒的光束方向，以及手电筒大小的对比，引导了人们的视觉动线，起到了聚焦、吸睛的效果。

上图中文字汇聚成为一个球状，从整体来看，文字组成的球可以看做点元素，通过与线组成的网进行结合冲突，让整副画面具备张力，视觉焦点也被吸引到了球的位置。

当单点出现在画面中的时候，很容易出现聚焦的作用，比如下图无印良品的几张设计案例：

上面的案例中，天空与地面的大场景代表了空，而黄色的小帐篷和第二幅作品里面的人物代表了实，空与实的对比，大与小的对比，即便是主体很小，人们仍旧会一下子把视觉聚焦在主体上，这个地方就用到了单点聚焦的表现手法。

二、相同或近似的多点表现 相同或者近似的点被大面积使用的时候，具备一定的整体性，即便是点与点之间存在间距，整体看上去这些点元素的组合同时也充当了面的作用，作为背景元素或者主体而存在。

先来看下日本艺术家草间弥生的波点艺术作品：

在艺术作品中，多点的运用形成了一定的视觉冲击力，不仅仅可以作为背景使用，同时也可以作为主体物的组合元素而存在。

当把这些点元素的表现形式作为设计元素应用在视觉设计中的时候，也能直观的表达出效果，我们看到大面积使用这些点的时候，即作为了背景元素，又能够成为主体元素，视觉冲击力也非常的强。

如果基本一致的点元素有规则的出现在版面中的时候，大家可以观察到，具备稳定或者成为主体图形的作用。

如下图案例所示：

不断出现相同或近似点元素，画面就会相对平衡、稳定，同时也具备了加强视觉冲击力的作用。

三、点元素的平衡性 通常情况下，大家会直观的认为点就是圆点，事实并非如此，点不一定就是圆点，可以是其他的点元素，比如字体、logo、图形等元素都可以某些使用场景中充当点元素。

再者，从不同角度去思考的时候，点可以是面，也可以是点，就好像你站在地球上去观察地球，那么地球就是一个无边无际的面，如果你站在宇宙的角度去看，地球就是一个点，如同我们站在地球上看星星一样，都是星星点点的。

所以说点的形态并不是单一的，要根据具体的事物、参照物、角度去理解。

利用点元素填补空缺，促进画面的平衡，如下图案例：

四周分散的红点，方正规矩的摆放手法，并且大小一致，位置分布四个点，起到了平衡与烘托气氛的作用，再加上文字版式的整齐化，让整副画面看起来更加稳定。

当然了，点不一定就是大家所看到的单纯的点，就像留白不一定就是白色一样，点也可以是一个点元素，如下图案例：

两个案例中右下角和左下角的logo部分充当了点的元素，起到了平衡画面的作用。我们看右边图形，如果左下角没有那个点元素，那么整副画面中心就太靠右上了，画面就会不稳定。

四、位置关系与视觉动线 也可以通过点元素的表现，形成引导性，引导用户的视觉，或者通过规则或不规则的位置来体现统一或组织性。

其实对于设计师来讲，很重点的一件事就是通过视觉去引导客户，任何一个画面中，小到一张名片也是如此，设计师在设计的时候就要考虑让客户按照何种顺序去阅读你的设计。

我们先来看一张简单的案例：

作者：鱼先生

上图是一张画册目录，右侧画面中的页码序号部分就是利用数字与圆形的结合，然后起到了统一与强调的作用。

讲到画册，这个地方想到一个知识点，就顺带讲一下，就是在 版式设计 中，层级是很重要的，整个项目的层级要保持一致性，比如上图的页码，或者一些文章的一级标题、二级标题等，这些都属于同一层级的内容，再或者同样的职位展示，当文案内容不一致的时候，作为设计师也要思考如何通过版面处理去让两者的层级重要性保持一致。

如何表现层级的统一性呢？比如统一的色彩、统一的图标、统一的字体大小、当整体无法用规则的内容来表现统一的时候，那么至少在画面的重量、视觉感上保持统一性，甚至通过版面大小也能够体现层级统一的效果，这个知识点太多了，以后抽时间专门再讲一下吧。

五、方向与疏密的表现形式 当画面中的点元素不断增加、汇聚，我们可以通过调整点元素的大小、疏密、方向等，从而让其产生不同的效果。

跟着鱼先生一起在案例中，加深理解一下：

通过点元素的大小和稀疏关系，从外围的稀松到中心的密集，很容易就把视觉焦点引向中心。

如果说上面案例的聚焦效果不明显，那么我们再看下面这个案例：

通过疏密把视觉吸引到右上角的字体上面，并且在这两张画面中我们发现组合点元素的是人物，并且通过对人物走向的表现，再一次把视觉焦点聚焦在文字上面，疏密与走向起到了双重聚焦的作用。

六、节奏感 点元素对节奏感的把控也能起到至关重要的作用，通过对点元素的变形、疏密等调整，来带动整体的节奏律动，从而达到最终的设计目的。

直接在案例中理解一下吧：

左：图中出现的点元素通过粗细、大小的对比，然后再加以倾斜，速度感极强；右：这一张雨滴垂直落下，节奏感会更加平稳一些。

类似的思考有很多，我们再看一组：

左边药丸通过远近、大小、方向、疏密的关系，让药丸仿佛在静态的画面中动了起来，形成了有律动性的视觉冲击力；右边的花瓣脱落，并且根据脱落变形了花瓣的形状，给人的感觉就好像是装满了水的柔软气球一样，随着下落的力量，体积进行变形，让画面更具备张力。

左：运用纸飞机的大小、方向，形成节奏感；右：抽象鱼图形的汇聚画面，通过大小、方向的表现方式增加画面的律动性。

再或者类似下面这样的人物海报表现手法，也是比较常见的，其实就是通过点元素的虚实、大小等造成一定的空间感和节奏感，虽说很常见，但也是屡试不爽的好方法。

七、视觉烘托

通常在视觉中也会借用点元素的加入，从而烘托画面，同时也能够让整个视觉画面变的更完成美观。

如下图这张案例，利用碎片的色彩增加氛围感。

我们可以尝试去掉画面中的碎片，大家可以再观察一下，看上去视觉很干净，也并不难看，但是氛围感就下降了一些。

上面提到了，点不一定就是圆点，像下图利用食物的碎屑进行填补画面，让整个画面更加饱满。

右图想体现脆，通过碎屑的点缀，就更好地体现了脆的产品特点。

我们继续来看一些气氛效果比较强烈的案例：

气氛的强弱，其实和设计项目的本身需求有很大关系，比如类似运动类、梦幻色彩等类别，那么氛围感就可以表现得强烈一些。

八、点的趣味性表现

圆点本身具备一定的圆润度，当我们利用点元素在画面中制造活泼、趣味性的时候，就很容易去达到想要的效果。

继续在案例中，加深理解一下：

单从视觉上看，画面的点元素比较随意、活泼，色彩方面也比较柔、可爱，整体通过点元素的表现，看起来趣味性十足。

圣诞节本身就是一个欢快的节日，点元素的加入，不仅代表了喜庆、活跃的感觉，更增添了欢快欢乐的气氛感。

还有很多类似的案例，大家可以再看两张，加深理解：

左：画面看上去比较平淡，利用增加不同色彩的点元素，从而让整个平淡的画面增加了一些氛围感和趣味性；右：虽然仅仅是文字性的排版，但是通过拟人的手法，让画面看起来像是笑到流泪的场景，趣味性十足，而且拟人手法本身就具备吸睛的效果。

注：本文案例仅限辅助说明知识点，不作商用。

写在最后： 其实每个设计元素的使用都是很广泛的，我们需要了解其概念，但同时也不要被概念所束缚，点线面虽然是很基础的内容，但我们融会贯通之后是非常有价值的，因为优秀的设计作品都离不开基础知识。

所以鱼先生结合一些案例给大家进行了分析，至于到底如何去使用，其实并没有什么死板的定论，大家要根据学习到的知识在实践中多活学活用，只有坚持去学习，才能更好的理解点到底是如何运用的，希望大家可以多多实践、举一反三，加油！

OK，今天的教程到这里结束！下期见！

欢迎关注作者微信公众号：「摆渡鱼生」

这一期对小鹅通的拆解，侧重点是对小鹅通的商业模式、产品体系以及营销场景做了全面深入的分析...作为知识付费行业的头部SaaS服务商，小鹅通诞生于2016年知识付费的元年。用吴晓波的话来说——在某种意义上，如果没有小鹅通的适时出现，中国的知识付费不会是今天这样的格局。这是因为SaaS产品独特的商业模式降低了国内千万...

这一期对小鹅通的拆解，侧重点是对小鹅通的商业模式、产品体系以及营销场景做了全面深入的分析...

作为知识付费行业的头部SaaS服务商，小鹅通诞生于2016年知识付费的元年。用吴晓波的话来说——在某种意义上，如果没有小鹅通的适时出现，中国的知识付费不会是今天这样的格局。这是因为SaaS产品独特的商业模式降低了国内千万知识创作者的创业门槛，让他们可以快速、高效地创建自己的知识店铺，他们只需聚焦于高质量的内容创作，知识就能变现，知识就能产生价值。

和上一期拆解小鹅通后台设计不同，这一期对小鹅通的拆解，侧重点是对小鹅通的商业模式、产品体系以及营销场景做了全面深入的分析，这是一次升维，看上去和设计毫不相干，但其实每一个部分属于 产品设计 。

四万字拆解！从0到1拆解小鹅通后台设计（完） 这是小鹅通后台设计拆解的最后一个部分，也将会大家带来被小鹅通官方誉为融合店铺和企微数据的销售管理工具的企微 CRM。

阅读文章 >

一、导读 1. 内容结构

小鹅通的产品拆解包含四个部分，分别是导读、产品画像、产品拆解和写在后面的话，内容篇幅 11779 字，阅读时间大概 30 分钟。

2. 适读人群

第一类，高级以上产品经理和 B 端 设计师 ，通过对小鹅通的产品拆解，了解小鹅通的商业模式和产品体系，如果结合小鹅通的后台设计去阅读，则可以全面了解一个 SaaS 产品从顶层到表现层的设计逻辑，最终培养提升产品设计全局观和商业设计思维。

第二类，SaaS 产品和知识付费从业者，获取一份专业、完整、有深度价值的 SaaS 竞品设计参考。

3. 阅读建议

在阅读本篇拆解的时候，建议一边浏览小鹅通的官网一边体验，其次建议详细阅读小鹅通的后台设计拆解，才能对前端的设计理解更深。

二、产品画像 1. 行业现状

根据艾媒咨询《2022-2023 年中国知识付费行业研究及消费者行为分析报告》数据显示，从市场规模看，2022 年中国知识付费市场规模达 1126.5 亿元，预计 2025 年市场规模将达 2808.8 亿元。从用户规模看，中国知识付费用户规模在 2022 年底将达到 5.27 亿人，比 2015 年的 0.48 亿翻了 11 倍多。从行业发展趋势看，中国知识付费平台已形成相对稳定的变现模式，内容日趋多元化，从最初的专业化内容扩充至娱乐、社交类知识内容，垂直领域的知识付费平台拥有了更多发展契机。

在 SaaS 赛道，根据艾瑞咨询《2022 年中国企业级 SaaS 行业研究报告》数据显示，未来三年 SaaS 行业的增长与宏观经济恢复速度相挂钩，在中性预期下，到 2024 年中国企业级 SaaS 市场规模将有望达到 1201 亿元。

综合两份报告可以看出，未来三年，知识付费依旧是一个市场规模超过千亿的市场，市场规模足够大，用户的服务需求依旧在增长，而经过 7 年的洗礼，知识付费行业才渐渐踏入行业生命周期的成熟期，还有足够大的空间。小鹅通的赛道选择，用吴晓波的话来说——赶上了好时候，命好！

2. 竞争图谱

结合多份商业报告的信息调研，小鹅通无论是用户规模（160 万）、知识产品数（2000 万）、还是终端用户数（7.8 亿）都是行业第一，直接竞争对手有身后的创客匠人、略知、短书、格子匠等产品，但难以构成威胁，需要留意的是，像有赞、凡科其他赛道的头部 SaaS 企业也通过品牌延伸推出了有赞教育、凡科教育等知识产品。

3. 产品介绍

小鹅通是知识产品与用户服务的数字化工具，包含知识店铺、企业直播、企业培训、企微助手等多款产品，可以为有线上经营、商业变现、私域运营、用户服务等需求的企业，提供一站式技术服务，助力企业完成数字化升级。根据官方数据显示，截止到 2023 年 2 月，小鹅通注册客户数已经超过 160 万，终端访问用户人数超过 7.8 亿，是目前国内知识付费客户数量最多、规模最大的 SaaS 产品。

4. 产品定位

一款知识产品与用户服务的数字化工具 。

5. 商业模式

① 客户细分

从官网数据看，小鹅通的客户群体主要为 B 端企业，行业分布比较宽泛，比如教育机构、情感心理、职场技能、管理咨询、出版传媒、快消零售等，总之，覆盖了拥有知识付费场景的各行各业。

② 价值主张

让知识更有价值

③ 渠道通路

小鹅通在初期的发展过程中，主要依靠服务头部品牌向中长尾化扩张，这主要受益于天使投资人、知名自媒体大 V 吴晓波，随后为十点读书、张德芬空间等头部自媒体获得大量客户。如今小鹅通的渠道推广方式主要是全国各地的销售代理，以及百度等 SEM 搜索引擎的优化，其次小鹅通在视频号等公域平台也通过打造高质量的直播频道进行拉新引流。

④ 客户关系

小鹅通打造了训练营、服务管家等用户运营产品，创始人鲍春健也亲自上阵每周连麦小鹅通各行各业头部客户，与客户面对面沟通、交流、讨论和分享，其次还有小鹅社区这样的 BBS 版块，不仅为用户提供在使用产品过程中遭遇的 bug、缺陷提交，技术团队也是亲自上阵和客户沟通对接，用户运营从内到外，系统，而且细致。

⑤ 收入来源

作为一个 SaaS 产品，小鹅通的收入来源主要来自于新客户的采购和老客户的续费，其次还有面向商家提供系统培训的训练营这样的变现产品。

⑥ 核心资源

从 2016 年上线首个产品版本开始，小鹅通是知识付费行业的开拓者，伴随着知识付费行业一起成长，拥有行业领先的经验、用户和数据积累。其次小鹅通的企业团队有多名联合创始人出自腾讯，腾讯也是小鹅通的投资商，小鹅通不仅拥有强大的产品设计腾讯基因，还有 微信 这块肥沃的土壤。

⑦ 关键业务

小鹅通拥有知识店铺、企业培训和企微 CRM 三大产品服务，其次还有为商家量身定制的课程培训服务训练营等产品。

⑧ 重要合作伙伴

第一类，各行业头部标杆客户，在小鹅通初期正是利用这一巨大优势向中长尾客户扩张；

第二类，各级别代理商，主要为小鹅通在各级城市进行销售推广。

⑨ 成本结构

作为一个 SaaS 产品公司，对产品的研发投入和人力成本是最大的开销。

6. 用户画像

由于没有官方数据，我根据易观千帆的用户数据提炼出小鹅通终端用户画像。小鹅通的终端消费人群用户画像主要以男性居多，占比 57.42%；从年龄分布看，24-30 岁用户人群占比 70.55%，是主要的使用人群，其次是 31-35 岁用户人群，占比 9.69%；从用户消费能力看，中等消费者占比 39.99%，中高消费者占比 24.91%；从地域分布看，三线城市和新一线城市占比最多，分别为 22.95%和 22.13%，其中广州市最多，其次为北京和上海。

7. 核心团队

从小鹅通官网公布的高管团队介绍数据分析，小鹅通是一家充满了腾讯基因的创业公司，包括创始人 CEO 鲍春健在内的多名联合创始人和高管都出自腾讯，拥有多名 T3 级别的腾讯高级工程师负责把控产品研发，还有 GE 通用电气等知名全球企业海归高管，团队阵容可谓非常豪华。

8. 发展历程

2016 年 12 月，在为吴晓波开发产品系统的基础上，诞生了小鹅通首个版本；

2017 年 3 月，客户量开始快速激增至十万级，获得喜马拉雅 A 轮融资；

2019 年 12 月，小鹅通获得好未来 1 亿元 B 轮融资；

2020 年 10 月，小鹅通获得腾讯数亿元 C 轮融资，同时升级为以知识产品与用户服务为核心的技术服务商；

2021 年 6 月，小鹅通完成 1.2 亿美元 D 轮融资，拥有超过 160 万注册客户，覆盖 7.8 亿终端用户。

9. 小结

从这个部分可以看出，小鹅通所在的知识付费行业，市场空间大，用户的服务需求依旧在增长。而小鹅通作为知识付费赛道的元老级选手，通过多年的沉淀和积累，已经稳居知识付费+SaaS 这个赛道的龙头老大，他们下一步等待的，除了那魂断梦牵的上市钟声，就是成为一个最值得信赖的技术服务商（企业愿景），让知识更有价值（企业使命）。

三、产品拆解 1. 知识付费 知识服务包含了小鹅通的 6 个知识产品，这是小鹅通实现商业变现最重要的方式。其次为了对小鹅通的产品设计理解更透彻，我把小鹅通针对私域运营 5 大场景设计的营销方案也做了细分拆解。

1）知识产品

「知识产品」是指小鹅通为商家提供的知识付费产品，从小鹅通官网观察，知识店铺、鹅直播和企微 CRM 是这个产品最核心的服务。

① 知识店铺

「知识店铺」可以理解为小鹅通为客户提供的最基础服务，以「一分钟拥有自己的知识店铺」为核心卖点，帮助商家快速搭建店铺。

核心卖点

一分钟搭建店铺

从小鹅通的后台体验中，可以看出 SaaS 产品的上线速度确实非常快，只需要完成基础的信息设置，绑定商家的公众号、支付账号信息等就可以上线公众号 H5 版本，操作门槛确实非常低。

满足全经营闭环场景

从这个卖点可以看出，小鹅通提供的不仅仅只是一个知识工具。商家从公域引流后，沉淀到小鹅通产品，平台不仅支持各种形式的知识产品和运营工具，还为商家提供裂变、促销、销售 CRM 等丰富的营销转化工具。在用户运营环节，商家可以对用户进行贴标签分类，针对用户数据及时做出运营调整，最终形成私域流量，沉淀高忠诚用户。

细节侦查：小鹅通的这套产品运营设计结构其实具有很强的普适性，简单、高效又能形成闭环，可以应用到多种 SaaS 产品的设计中。

多种内容变现方式+互动工具+营销玩法

小鹅通为什么能应用到多种行业，这三个卖点正是吸引客户采购的原因之一。从后台的内容形式看，小鹅通支持视频、音频、图文、电子书、AI 互动课、专栏、训练营和会员 7 种类型，几乎覆盖了知识付费场景中所有常见形式。其次还有打卡、考试、练习、作业本、题库、证书、表单、活动管理、随堂检测、测试活动等多达 11 种工具，以及覆盖分销推广、拉新引流、付费转化和促进复购的多种营销工具。

体验小结

天下武功，唯快不破。对于一个知识商家来说，受够了传统软件服务商定制化长周期开发的痛点以后，面对 SaaS 产品又快又便宜的付费模式，不仅可以快速上线验证商业模式，还能降低设计开发风险。不过我个人认为小鹅通现在已经没有必要以“快”为核心卖点，作为行业老大，它已经不需要向用户证明自己有多快，而是把行业第一、行业先驱等类似的词语彻底植入用户的心智。

② 鹅直播

直播作为当下最火爆、转化最快的传播方式，和知识付费产品有天生的契合场景。从官网、后台结构的权重也可以看出，这个被官方定义为微信生态内私域直播利器的功能，也是整个产品的核心之一。

功能价值

鹅直播是客户在销售端引流、激活、变现的重要工具，同时也是影响客户决定是否采购的核心标准之一。

核心卖点

直播一站式解决方案

小鹅通以为客户提供“私域直播一站式解决方案，覆盖直播全流程”为核心卖点，帮助客户从多平台引流获客、高效直播、营销转化，最后再到数据分析，提供一整套完整的解决方案。

多渠道引流获客

所谓多渠道引流获客，主要是帮助商家打通视频号、抖音、快手等公域平台，实现一站式直播，全平台覆盖，从而提升直播效率，实现精准的引流获客。小鹅通的后台，甚至还提供转播（授权直播给其他平台商家）和拉流（像采集新闻一样采集直播内容）这些特色功能，帮助客户解决直播场景的各种问题。

多种互动开播方式

虽然用户只是通过一个手机屏幕观看直播，甚至对于产品设计师来说，直播画面的设计空间只有 750*1624px 的大小，但就在这寸土寸金的空间里，小鹅通也玩出了很多花样。比如为商家提供了多种个性化的直播传播形式，多媒体、PPT 课件、白板、桌面分享等，甚至连直播连麦等待时候的留白画面都可以设置。

多样直播营销互动

小鹅通为商家在直播间提供了多种营销互动工具，比如抽奖、红包、达人榜等常见功能，帮助商家快速激活转化，不过最让我惊艳的是在直播的「运营设置」版块，商家不仅可以设置圈子引流（小鹅通用户留存的一个核心功能），还可以在直播间招募推广员、分配 CRM 跟踪线索等，这对用户的销售转化有极大的帮助。

实时分析直播数据

这是一个非常惊艳的功能，因为它可以帮助商家一键生成直播数据可视化大屏，实时展示直播人气、观众、带货等数据，满足多场景数据展示需求。其次小鹅通还为商家提供直播深度诊断等增值服务，帮助商家实时复盘，提升用户的转化率和复购率。

体验小结

只有在后台亲自体验过小鹅通的直播功能，才能感受到小鹅通直播的完整和细致。从前端的产品卖点介绍来看，对我而言，冲击不够，似乎还有点意犹未尽，就如同我在直播功能体验小结中总结的——如果不亲自体验，我根本没法想到一个直播需要考虑设计这么多功能，拉流、转播、招募推广员，这简直把用户需要的功能需求都提前设计和规划好了，对一个运营者来说，对店铺和用户的运营效率提升太有帮助了。

③ 鹅圈子

圈子的定位是微信生态的私域社群运营好帮手，这是一个对标「知识星球」APP 的功能，以微信小程序的客户端运营，非常方便。

功能价值

鹅圈子作为一个社群工具，主要是把帮助商家提升用户活跃度，沉淀高质量内容，最终帮助商家打造一个高品质的学习型社群，提高学员的忠诚度和留存率。

核心卖点

高质量的内容互动氛围

从这个卖点看出，鹅圈子是针对社群运营量身定制的产品，解决商家的学员在购买课程后无法沉淀高质量内容、社群运营效率低的痛点。

高效率的社群工具

鹅圈子的玩法非常丰富，不仅有社群打卡、排行榜、勋章、成长任务等常见功能，还能加入商家的课程、产品，实现高频曝光和触达，帮助商家提升付费转化。

打通企微生态

这是鹅圈子最核心的卖点，也是最大的产品优势。通过打通企微生态，以微信小程序的客户端，不仅能在微信生态高效使用，还能方便客户使用，真正实现私域社群的管理助手。

体验小结

如果和知识星球相比，我觉得鹅圈子在功能和产品体验上已经不逊色知识星球。在打通企微生态以微信小程序客户端运营以后，我觉得简直就是一个 Buff 加成，方便、高效、无需下载，而且还能直接加入商家的课程，把销售场景植入圈子，让转化随时实地都可能发生。总之，如果这个产品独立出来，加上一个好名字的话，我觉得足够可以和知识星球扳手腕。

④ 企微 CRM

企微 CRM 的定位是融合店铺和企微数据的销售管理工具，这个功能也是作为小鹅通产品宣传的核心功能之一。

功能价值

企微 CRM 在用户的激活、留存和变现阶段都发挥了非常关键的作用，特别是拥有销售团队的知识商家，通过企微 CRM 强大的功能，可以实现高效的销售转化。

核心卖点

知识店铺和企微数据连通

企业微信作为微信私域运营非常重要的工具，小鹅通实现了知识店铺和企业微信的数据互通，这样设计的最大意义是把原本孤立的两个系统连接起来了，对商家来说，简直如有神助。比如在引流阶段，可以设置不同的企微二维码，在用户刚关注企微的时候，商家就了解用户的信息来源渠道，快速高效分配 CRM 销售，实现激活转化。而用户在小鹅通平台所访问的所有轨迹、行为，CRM 销售都能第一时间获取数据，从而实现高效沟通、快速成交。

用户统一管理/获客雷达/CRM 画像

小鹅通应用在企业微信配置好以后，不仅可以实现用户数据的统一管理，而且就在企业微信的聊天工具栏就能了解用户的学习行为、访问轨迹和详细信息，助力销售直击用户痛点。

体验小结

企微 CRM 是我在深度体验完以后让我坚定未来会采购一套小鹅通系统的最大动力，因为它满足了我在用户运营中遇见的所有问题，我更本不用再去翻和粉丝的聊天记录就能知道他最近在看什么课程、在学什么知识，我能和他随时保持同频，实现高效的沟通和转化。

⑤ 企业培训

企业培训在小鹅通官网并没有详细的介绍，但在小鹅通的官方 PPT 介绍中，这个产品是小鹅通三大核心服务产品之一。企业培训主要是面向企业客户，结合企业微信提供一站式企业内训的数字工具，让企业内训变得更加简单高效。小鹅通的产品使用场景延伸到企业培训，几乎没有技术门槛，其次也能覆盖更广的用户人群，不给其他竞争对手留下机会。

⑥ 小鹅通开放平台

小鹅通开发平台简称为小鹅云，面对一些拥有特定需求的客户，标准化的 SaaS 产品难以满足，所以小鹅通打造了小鹅云开放平台，它不仅能帮助小鹅通实现更高利润的商业变现，还能进一步吸引第三方伙伴参与到小鹅通的生态共建中，为商家赋能。

从官网拆分的场景看，小鹅云主要为商家提供全场景数据打通方案、数据迁移解决方案、全终端店铺开店和定制化服务解决方案。通过提供标准的开放 API，支持与其他平台进行数据打通，从而更好地运营用户，支撑业务决策，实现精细化运营。

2）私域运营

私域运营并不是产品，它的本质是通过五个场景告诉客户小鹅通能解决的五大痛点，拆解这个部分的内容可以有助于我们理解小鹅通这个产品的实际应用场景。

① 公域引流

随着公域流量红利的消失，在流量越来越贵、成本越来越高的今天，对于每一个从公域池吸引流量的商家来说，都面临着经营成本高、用户流失高、有效沉淀难等痛点，所以如何从公域把用户转化到商家的私域流量池，至关重要。

小鹅通在这个场景营销中，主要以「鹅直播」这个产品帮助商家把知识店铺和视频号/抖音/快手的公域流量充分连接，从公域引流到私域留存，覆盖了所有场景，无论是是直播还是短视频，都可以帮助商家把流量汇总到私域，从而降低成本、减少流失。对商家来说，能实现多平台的公域引流可以解决分散经营的痛点，高效转化。

② 营销转化

小鹅通给「营销转化」设定的简介是——构建引流获客与交易转化的营销闭环。从这个场景，可以看出小鹅通在营销方面为商家设计了非常强大的武器库。

从全渠道获客、交易转化、效果分析到增长裂变，帮助商家构建品牌营销闭环，提供全链路营销的解决方案。在后台的设计拆解中，小鹅通的营销工具就给我留下极其深刻的印象，分销推广支持按机构和个人两种场景，付费转化提供「邀新拼团」和「阶梯拼团」等多种模式，就连优惠券都设计了「通用优惠券」、「专属优惠券」和「员工优惠券」三种类型。对于一个商家的运营来说，提供了太多高效、便利的武器。

③ 知识付费

「知识付费」的页面围绕内容、服务和互动三个环节进行设计。首先小鹅通支持多种内容生产形式，在上面我们提到过，小鹅通覆盖了市面上最常见的内容形式。其次在用户服务环节，支持多种形式的知识服务，比如专栏、训练营、考试等。最后在互动体验环节，利用小鹅圈、活动等工具帮助商家与用户高效连接，共创知识价值。

④ 社区运营

从「社群运营」页面的内容可以看出，「鹅圈子」在小鹅通的产品拼图体系里越来越重要，因为它是为社群私域管理量身定制的。小鹅通在这个场景中为用户提供全方位社群运营解决方案，从内容运营、互动玩法、私域触达到社群表现，覆盖整个社群运营的发展阶段，帮助商家解决社群运营效率低、社群变现难、优质内容无法沉淀的痛点。不过对我而言，我觉得小鹅通社群最吸引商家的一个点是我上面提到的——让交易随时随地可以产生，这才是这个功能最大的魅力。

⑤ 品牌运营

如果一个外包公司正在思考为什么订单越来越少这个难题，那么当你浏览到「品牌运营」这个场景的营销内容，你就知道原因了。小鹅通作为一个支持多终端落地的平台，可以为客户提供全渠道、全场景的私域品牌建立，简而言之，不仅仅是微信生态的公众号、H5 官网、小程序，还有 PC 端的品牌官网（支持绑定独立域名访问），这对商家来说，采购一个小鹅通就能一劳永逸，解决全终端品牌运营的难题了。极致、高效，还便宜。

⑥ 体验小结

从这五个场景的营销内容设计中，可以看出，小鹅通覆盖了知识创作者在创业和运营阶段众多场景。无论是面对公域引流分散的痛点，还是缺乏专业完善的营销工具，抑或是提升社群运营效率高效的手段，小鹅通的产品都能契合和应对。如果你在思考如何理解「以场景为中心」的设计，这五个场景的设计，值得你细读和深究。

3）定价体系

作为一个 SaaS 产品，小鹅通的产品分为标准版、专业版和旗舰版。标准版定价 5299 元/年，满足店铺搭建与内容变现需求，实现基础知识服务闭环；专业版定价 8999 元/年，深度链接公域与私域，实现完整知识服务与用户运营闭环；旗舰版定价 19999 元/年，可享受小鹅通产品所有完整功能，实现品牌商业一体化精细运营闭环。

拓展阅读：关于小鹅通的定价，在吴晓波《一只小鹅是怎样被养肥的》一文中，曾经提到过这样的插曲。吴晓波把他的好朋友十点读书推荐给老鲍，老鲍最终收了 5000 元的系统使用费，最终这个价格也成为了小鹅通基础版的参考价。

4）小结

从这个版块看出，小鹅通无论是知识产品类型还是应用场景，都已经非常丰富。也许初期小鹅通确实只是一款知识工具，但随着在知识付费行业的深入，以及充分链接了企微生态以后，小鹅通已经具备了多重属性，不再是单一的知识工具，而是一个拥有完整体系生态的知识平台。

2. 内容服务 内容服务是小鹅通在用户运营侧所设计的服务，包括小鹅通训练营、服务管家、小鹅社区和公益计划等，主要提升用户活跃度和留存率，帮助商家快速上手小鹅通产品和提供精细化的运营指导服务。

1）小鹅通训练营

训练营是面向店铺创始人和运营者量身定制的课程培训，主要解决客户在运营店铺中遇见的各种问题，包括店铺搭建、装修、私域引流等技术方面的难题，以及通过小鹅通知识生态认识更多的同行，学习其他人的运营技巧。

① 服务价值

训练营不仅是小鹅通激活客户的绝佳方式，而且通过专业系统的运营培训可以帮助客户高效运营，让小鹅通从工具属性上升到平台属性，最终和平台深度捆绑，延长客户的生命周期，完成 SaaS 产品赖以生存的 KPI——续费。

② 核心卖点

系统化培训+社群化学习

训练营是一个动态的服务，和传统的课程学习模式相比，不仅可以学习专业的知识，还可以通过社群链接更多优秀的同行，与各领域专家活动讨论。小鹅通拥有 1600 万+商家资源，经过多年的行业积累，俨然从一个技术服务商成了行业专家，这也是头部 SaaS 产品发展的一大特点，在某个行业不断深究，你就能成为行业专家。

阶梯式设计

小鹅通的训练营呈阶梯式递进，分为标准营、专业营和旗舰营，面向的用户群体主要为企业创始人、店铺负责人和运营操盘手，课程的侧重点也各有不同，给用户多重选择。

迭代建议：小鹅通训练营页面关于训练营内容的呈现上不符合用户浏览习惯，一般用户浏览页面的时候，默认为从左到右的服务是从低到高、从简单到困难，而小鹅通恰好相反，所以给了我一个错觉，左边是最便宜、最入门的产品。

③ 体验小结

从训练营服务可以看出，要做好一款 SaaS 产品，绝不仅仅只是在用户体验和技术方面的专研，对行业的专研和探究更是重中之重，只有你成为了专家，这才是客户购买你的理由。

2）对话标杆

「对话标杆」是小鹅通创始人兼 CEO 老鲍打造的一款官方品牌直播节目，旨在搭建与客户的深度交流场景，通过邀请各行各业头部客户代表分享可复制的小鹅通运营方法，拆解前沿实战案例，与客户共创优质内容，助力新老客户共同成功。

从 2021 年 6 月 23 日上线首期到最新的第 233 期，老鲍通过这 233 次 1V1 的直播交流，不仅可以和自己的客户面对面沟通，了解他们真实的运营情况，还能通过高质量的内容分享为平台传播引流，最终打造了一款极具特色的 SaaS 行业标杆直播节目。这真符合吴晓波对老鲍的描述——他是一位偏执型的创业者，也许还可以再完善一下——他是一位偏执型的创业者，还是一位更努力的CEO。

3）服务管家

SaaS 不是卖产品，而是卖服务，所以在客户从采购到使用再到续费（or 流失）的生命周期里，服务管家扮演了一个非常重要的角色。

① 服务价值

服务管家是小鹅通实现用户留存的最关键方式之一，如果没有完善周全的售后服务，客户会在产品使用的过程中随时流失。

② 核心卖点

全生命周期 1V1 陪伴式服务

从小鹅通的服务流程看，平台把客户的服务周期拆分为四个阶段，分别是交付期、成长期、成熟期和复购期，以 1V1 的陪伴式服务为主，为商家提供针对性、体系化的运营服务。由于只是申请了免费体验的权限，所以未能作为一个正式商家享受这个服务体系的权益，不过可以看出，小鹅通在服务这个环节的颗粒化非常细，对商家来说真的非常有吸引力。

“运营顾问式”服务+运营指导+面对面交流

在客户运营的环节，小鹅通以商家成长目标为导向，提供「运营顾问式」的服务、从入门到进阶的运营指导甚至还有面对面的交流沟通，帮助客户从 0 到 1 搭建自己的知识店铺。这样的服务内容，不仅考虑完善，在前期的销售场景中，很容易让客户产生共情，最终快速转化。

趋势共享，引导客户把握行业风向

小鹅通不是单纯的知识工具，而是成为了一个沉淀上千万知识商家的大平台，通过精准、全面的数据沉淀和分析，最终提炼了知识付费行业的行业趋势、用户习惯、偏好行为等数据，最终这些数据又可以赋能给平台的商家，让他们在内容和运营侧及时做出调整，满足用户的需求。对一个知识商家来说，这样的行业信息可以有效避免闭门造车，提升运营效率。

③ 体验小结

SaaS 的本质是续费， 但续费的本质是服务。如果不去拆解小鹅通的服务体系，我们也许就认为 SaaS 服务就是一个售后电话或者企业微信，但拆解完以后，你就会发现，原来一个完善、专业的服务体系是这样设计。略微遗憾的是，我还没全面体验过，所以无法做过多描述，只能从官网的卖点来拆分。

4）版权保护

版权是知识商家的命脉，如果一个商家辛辛苦苦创作的内容被其他人盗版贩卖，那么这个生态就会严重损害。在拆解小鹅通的后台时候，我对版权保护的功能就记忆深刻，不仅提供多种防盗版设置（防录屏跑马灯、文字/图片水印、终端设备限制等），还提供非常完善的维权体系（提供了各大平台的投诉指引方式）。可以说，为了让商家放心地使用小鹅通，在版权保护这块，小鹅通投入了非常大的技术精力，为商家的运营保驾护航。

5）小鹅社区

社区作为一个用户留存的重要方式，小鹅社区却显得与众不同。就像老鲍在小鹅通官方 PPT 介绍里写到的——小鹅通是一个被客户引导设计的产品，是客户提需求，我们完善，然后一步一步走到今天的。

在小鹅通的社区，除了用户发起的产品设计需求，你几乎看不到其他内容。这简直就是小鹅通产品的需求池，甚至不需要产品经理去规划，从社区这个版块就能第一时间看到用户在使用产品过程中所遇到的问题、bug、缺陷等。而通过小鹅通官方技术、产品的回复，又让用户产生了和平台的亲近感，它并不是高高在上的肥鹅，而是在你为你提供无微不至服务可爱的小肥鹅。

细节侦查：小鹅社区有一个非常友好的体验，那就是当用户发起一个需求新增的时候，其他用户可以进行投票，内容为「我也需要」和「暂不需要」，这个细节不仅可以让其他用户有参与感，而且还能从投票数据观察出需求的轻重缓急，从而调整合理的需求排期。

6）公益计划

在特劳特《品牌 22 律》一书中，第五条是公关定律——品牌的诞生依靠的是公关，而非广告。公益计划版块的意义，正是如此。

从小鹅通公益计划内容看出，他们不仅为公益组织提供标准版免费店铺的使用，还提供运营人才线上免费培训，旨在帮助公益机构降低服务门槛，通过知识付费的场景，加快公益组织的服务效率，实现“科技助力每个孩子成才”的美好愿景。

7）小结

从这个版块我们可以看出，小鹅通在用户留存和运营阶段可谓倾其所有。不仅有短频快的训练营系统化培训、1V1 陪伴式的服务管家，甚至连创始人老鲍都亲自上阵，和用户 0 距离沟通、聊天、种草和分享，这真的让人感到这家公司不只是偏执，而是比其他竞争对手努力 10 倍。也许对企业的发展来说，选择很重要，但是多数竞争，只是拼努力就能干掉 80%的对手。

3. 设计总结 1）内容层

小鹅通的知识产品可谓是覆盖了知识商家的多个运营场景，无论是公域引流、营销转化、知识付费还是品牌运营场景，小鹅通的都设计了直播、圈子、企微 CRM 等对应产品，足以帮助商家解决在店铺运营中的各种难题。其次在用户留存环节，小鹅通打造了短频快的训练营以及创始人亲自上阵的直播节目，利用自身积累的优势赋能给商家，帮助商家成功，拉长用户生命周期。小鹅通的产品内容层，专业、完整、系统、严谨、细致，而且每一个模块都能形成闭环，值得深度反复学习。

2）营销层

我对小鹅通的产品卖点做了非常细致的拆分，比如私域运营的五个场景，无论是面对公域引流分散的痛点，还是缺乏专业完善的营销工具，抑或是提升社群运营效率高效的手段，小鹅通的产品都能契合和应对。对我启发更大的是，在这五个场景的每一个环节你都能发现它能形成独立的小闭环，比如营销转化这个场景，从全渠道获客、交易转化、效果分析到增长裂变，小鹅通是以提供全链路营销解决方案的闭环思路来设计。我没有官方的销售转化数据，但从体验者的角度出发，这些营销方式和内容都深深吸引我，而不是当我刚进入某个 SaaS 产品的官网，右下角的聊天机器人就在千方百计索要我的电话号码——给了你，又有什么用呢？

3）运营层

吴晓波在《内容创业的下半场风口在“服务”》一文中提到，过去我们以为知识付费就是通过某个名人或者大 V 对知识的单向输出，但经过 7 年的实践，知识付费并不是传授知识本身那样简单，而是教导用户如何把知识转化为生产力的过程。他把小鹅通的训练营比喻为产品与服务的结合体，是内容生产者和用户双向奔赴的过程，并用真实的课程数据向知识付费从业者介绍他的优势。足以见得，要服务好客户，技术是基础，创新是增量，而运营才是保障。

四、写在最后面的话 如果你有关注我，相信你觉得我肯定是疯了，因为我才把小鹅通的后台设计拆解完，那篇拆解整整写了 41,103 字，那么为何还要继续拆解小鹅通？这是因为上一篇的拆解，主要聚焦于小鹅通的后台设计，也就是为运营者提供管理、发布内容的后台。可以说，用户视角更多是初级产品经理以及 UX 设计师。

但这一篇拆解，则是从小鹅通的顶层开始梳理，你会发现内容仿佛和设计毫不相干，但其实这是一个维度的提升，从更宏观的视角去拆解小鹅通。而如果你结合上一篇的后台设计拆解去体验小鹅通，你会发现原来一个 SaaS 产品的设计，是从商业层开始推动，然后再逐级递进，最终通过视觉层呈现给用户。

加上小鹅通的后台，这是一次工作量、难度巨大的产品拆解，但在我最终把它拆解完以后，我感觉从未如此深刻地理解 SaaS 产品的设计，仿佛是去了一趟深圳市南山区科兴科学园一样，见到了偏执型创业者老鲍本人，听他述说完这 7 年来的产品设计故事以后，对老鲍说——感谢你们，设计了这款改变知识付费行业的产品，而我，目标就是把这款产品的设计拆解分享给更多的SaaS产品设计师和从业者。

参考文献：

小鹅通官方网站 小鹅通品牌手册 2019 知识付费内容分销白皮书 易观千帆-小鹅通 APP 数据分析 知识付费用户达 5.27 亿，内容创业的下半场风口在“服务” | 品牌新事 吴晓波：一只小鹅是怎样被养肥的 艾媒咨询｜2022-2023 年中国知识付费行业研究及消费者行为分析报告 《2020 中国知识付费行业图谱》发布，让你一图了解知识付费产品分类和平台有哪些 欢迎关注作者微信公众号：「设计大侦探」

这一期对小鹅通的拆解，侧重点是对小鹅通的商业模式、产品体系以及营销场景做了全面深入的分析...作为知识付费行业的头部SaaS服务商，小鹅通诞生于2016年知识付费的元年。用吴晓波的话来说——在某种意义上，如果没有小鹅通的适时出现，中国的知识付费不会是今天这样的格局。这是因为SaaS产品独特的商业模式降低了国内千万...

这一期对小鹅通的拆解，侧重点是对小鹅通的商业模式、产品体系以及营销场景做了全面深入的分析...

作为知识付费行业的头部SaaS服务商，小鹅通诞生于2016年知识付费的元年。用吴晓波的话来说——在某种意义上，如果没有小鹅通的适时出现，中国的知识付费不会是今天这样的格局。这是因为SaaS产品独特的商业模式降低了国内千万知识创作者的创业门槛，让他们可以快速、高效地创建自己的知识店铺，他们只需聚焦于高质量的内容创作，知识就能变现，知识就能产生价值。

和上一期拆解小鹅通后台设计不同，这一期对小鹅通的拆解，侧重点是对小鹅通的商业模式、产品体系以及营销场景做了全面深入的分析，这是一次升维，看上去和设计毫不相干，但其实每一个部分属于 产品设计 。

四万字拆解！从0到1拆解小鹅通后台设计（完） 这是小鹅通后台设计拆解的最后一个部分，也将会大家带来被小鹅通官方誉为融合店铺和企微数据的销售管理工具的企微 CRM。

阅读文章 >

一、导读 1. 内容结构

小鹅通的产品拆解包含四个部分，分别是导读、产品画像、产品拆解和写在后面的话，内容篇幅 11779 字，阅读时间大概 30 分钟。

2. 适读人群

第一类，高级以上产品经理和 B 端 设计师 ，通过对小鹅通的产品拆解，了解小鹅通的商业模式和产品体系，如果结合小鹅通的后台设计去阅读，则可以全面了解一个 SaaS 产品从顶层到表现层的设计逻辑，最终培养提升产品设计全局观和商业设计思维。

第二类，SaaS 产品和知识付费从业者，获取一份专业、完整、有深度价值的 SaaS 竞品设计参考。

3. 阅读建议

在阅读本篇拆解的时候，建议一边浏览小鹅通的官网一边体验，其次建议详细阅读小鹅通的后台设计拆解，才能对前端的设计理解更深。

二、产品画像 1. 行业现状

根据艾媒咨询《2022-2023 年中国知识付费行业研究及消费者行为分析报告》数据显示，从市场规模看，2022 年中国知识付费市场规模达 1126.5 亿元，预计 2025 年市场规模将达 2808.8 亿元。从用户规模看，中国知识付费用户规模在 2022 年底将达到 5.27 亿人，比 2015 年的 0.48 亿翻了 11 倍多。从行业发展趋势看，中国知识付费平台已形成相对稳定的变现模式，内容日趋多元化，从最初的专业化内容扩充至娱乐、社交类知识内容，垂直领域的知识付费平台拥有了更多发展契机。

在 SaaS 赛道，根据艾瑞咨询《2022 年中国企业级 SaaS 行业研究报告》数据显示，未来三年 SaaS 行业的增长与宏观经济恢复速度相挂钩，在中性预期下，到 2024 年中国企业级 SaaS 市场规模将有望达到 1201 亿元。

综合两份报告可以看出，未来三年，知识付费依旧是一个市场规模超过千亿的市场，市场规模足够大，用户的服务需求依旧在增长，而经过 7 年的洗礼，知识付费行业才渐渐踏入行业生命周期的成熟期，还有足够大的空间。小鹅通的赛道选择，用吴晓波的话来说——赶上了好时候，命好！

2. 竞争图谱

结合多份商业报告的信息调研，小鹅通无论是用户规模（160 万）、知识产品数（2000 万）、还是终端用户数（7.8 亿）都是行业第一，直接竞争对手有身后的创客匠人、略知、短书、格子匠等产品，但难以构成威胁，需要留意的是，像有赞、凡科其他赛道的头部 SaaS 企业也通过品牌延伸推出了有赞教育、凡科教育等知识产品。

3. 产品介绍

小鹅通是知识产品与用户服务的数字化工具，包含知识店铺、企业直播、企业培训、企微助手等多款产品，可以为有线上经营、商业变现、私域运营、用户服务等需求的企业，提供一站式技术服务，助力企业完成数字化升级。根据官方数据显示，截止到 2023 年 2 月，小鹅通注册客户数已经超过 160 万，终端访问用户人数超过 7.8 亿，是目前国内知识付费客户数量最多、规模最大的 SaaS 产品。

4. 产品定位

一款知识产品与用户服务的数字化工具 。

5. 商业模式

① 客户细分

从官网数据看，小鹅通的客户群体主要为 B 端企业，行业分布比较宽泛，比如教育机构、情感心理、职场技能、管理咨询、出版传媒、快消零售等，总之，覆盖了拥有知识付费场景的各行各业。

② 价值主张

让知识更有价值

③ 渠道通路

小鹅通在初期的发展过程中，主要依靠服务头部品牌向中长尾化扩张，这主要受益于天使投资人、知名自媒体大 V 吴晓波，随后为十点读书、张德芬空间等头部自媒体获得大量客户。如今小鹅通的渠道推广方式主要是全国各地的销售代理，以及百度等 SEM 搜索引擎的优化，其次小鹅通在视频号等公域平台也通过打造高质量的直播频道进行拉新引流。

④ 客户关系

小鹅通打造了训练营、服务管家等用户运营产品，创始人鲍春健也亲自上阵每周连麦小鹅通各行各业头部客户，与客户面对面沟通、交流、讨论和分享，其次还有小鹅社区这样的 BBS 版块，不仅为用户提供在使用产品过程中遭遇的 bug、缺陷提交，技术团队也是亲自上阵和客户沟通对接，用户运营从内到外，系统，而且细致。

⑤ 收入来源

作为一个 SaaS 产品，小鹅通的收入来源主要来自于新客户的采购和老客户的续费，其次还有面向商家提供系统培训的训练营这样的变现产品。

⑥ 核心资源

从 2016 年上线首个产品版本开始，小鹅通是知识付费行业的开拓者，伴随着知识付费行业一起成长，拥有行业领先的经验、用户和数据积累。其次小鹅通的企业团队有多名联合创始人出自腾讯，腾讯也是小鹅通的投资商，小鹅通不仅拥有强大的产品设计腾讯基因，还有 微信 这块肥沃的土壤。

⑦ 关键业务

小鹅通拥有知识店铺、企业培训和企微 CRM 三大产品服务，其次还有为商家量身定制的课程培训服务训练营等产品。

⑧ 重要合作伙伴

第一类，各行业头部标杆客户，在小鹅通初期正是利用这一巨大优势向中长尾客户扩张；

第二类，各级别代理商，主要为小鹅通在各级城市进行销售推广。

⑨ 成本结构

作为一个 SaaS 产品公司，对产品的研发投入和人力成本是最大的开销。

6. 用户画像

由于没有官方数据，我根据易观千帆的用户数据提炼出小鹅通终端用户画像。小鹅通的终端消费人群用户画像主要以男性居多，占比 57.42%；从年龄分布看，24-30 岁用户人群占比 70.55%，是主要的使用人群，其次是 31-35 岁用户人群，占比 9.69%；从用户消费能力看，中等消费者占比 39.99%，中高消费者占比 24.91%；从地域分布看，三线城市和新一线城市占比最多，分别为 22.95%和 22.13%，其中广州市最多，其次为北京和上海。

7. 核心团队

从小鹅通官网公布的高管团队介绍数据分析，小鹅通是一家充满了腾讯基因的创业公司，包括创始人 CEO 鲍春健在内的多名联合创始人和高管都出自腾讯，拥有多名 T3 级别的腾讯高级工程师负责把控产品研发，还有 GE 通用电气等知名全球企业海归高管，团队阵容可谓非常豪华。

8. 发展历程

2016 年 12 月，在为吴晓波开发产品系统的基础上，诞生了小鹅通首个版本；

2017 年 3 月，客户量开始快速激增至十万级，获得喜马拉雅 A 轮融资；

2019 年 12 月，小鹅通获得好未来 1 亿元 B 轮融资；

2020 年 10 月，小鹅通获得腾讯数亿元 C 轮融资，同时升级为以知识产品与用户服务为核心的技术服务商；

2021 年 6 月，小鹅通完成 1.2 亿美元 D 轮融资，拥有超过 160 万注册客户，覆盖 7.8 亿终端用户。

9. 小结

从这个部分可以看出，小鹅通所在的知识付费行业，市场空间大，用户的服务需求依旧在增长。而小鹅通作为知识付费赛道的元老级选手，通过多年的沉淀和积累，已经稳居知识付费+SaaS 这个赛道的龙头老大，他们下一步等待的，除了那魂断梦牵的上市钟声，就是成为一个最值得信赖的技术服务商（企业愿景），让知识更有价值（企业使命）。

三、产品拆解 1. 知识付费 知识服务包含了小鹅通的 6 个知识产品，这是小鹅通实现商业变现最重要的方式。其次为了对小鹅通的产品设计理解更透彻，我把小鹅通针对私域运营 5 大场景设计的营销方案也做了细分拆解。

1）知识产品

「知识产品」是指小鹅通为商家提供的知识付费产品，从小鹅通官网观察，知识店铺、鹅直播和企微 CRM 是这个产品最核心的服务。

① 知识店铺

「知识店铺」可以理解为小鹅通为客户提供的最基础服务，以「一分钟拥有自己的知识店铺」为核心卖点，帮助商家快速搭建店铺。

核心卖点

一分钟搭建店铺

从小鹅通的后台体验中，可以看出 SaaS 产品的上线速度确实非常快，只需要完成基础的信息设置，绑定商家的公众号、支付账号信息等就可以上线公众号 H5 版本，操作门槛确实非常低。

满足全经营闭环场景

从这个卖点可以看出，小鹅通提供的不仅仅只是一个知识工具。商家从公域引流后，沉淀到小鹅通产品，平台不仅支持各种形式的知识产品和运营工具，还为商家提供裂变、促销、销售 CRM 等丰富的营销转化工具。在用户运营环节，商家可以对用户进行贴标签分类，针对用户数据及时做出运营调整，最终形成私域流量，沉淀高忠诚用户。

细节侦查：小鹅通的这套产品运营设计结构其实具有很强的普适性，简单、高效又能形成闭环，可以应用到多种 SaaS 产品的设计中。

多种内容变现方式+互动工具+营销玩法

小鹅通为什么能应用到多种行业，这三个卖点正是吸引客户采购的原因之一。从后台的内容形式看，小鹅通支持视频、音频、图文、电子书、AI 互动课、专栏、训练营和会员 7 种类型，几乎覆盖了知识付费场景中所有常见形式。其次还有打卡、考试、练习、作业本、题库、证书、表单、活动管理、随堂检测、测试活动等多达 11 种工具，以及覆盖分销推广、拉新引流、付费转化和促进复购的多种营销工具。

体验小结

天下武功，唯快不破。对于一个知识商家来说，受够了传统软件服务商定制化长周期开发的痛点以后，面对 SaaS 产品又快又便宜的付费模式，不仅可以快速上线验证商业模式，还能降低设计开发风险。不过我个人认为小鹅通现在已经没有必要以“快”为核心卖点，作为行业老大，它已经不需要向用户证明自己有多快，而是把行业第一、行业先驱等类似的词语彻底植入用户的心智。

② 鹅直播

直播作为当下最火爆、转化最快的传播方式，和知识付费产品有天生的契合场景。从官网、后台结构的权重也可以看出，这个被官方定义为微信生态内私域直播利器的功能，也是整个产品的核心之一。

功能价值

鹅直播是客户在销售端引流、激活、变现的重要工具，同时也是影响客户决定是否采购的核心标准之一。

核心卖点

直播一站式解决方案

小鹅通以为客户提供“私域直播一站式解决方案，覆盖直播全流程”为核心卖点，帮助客户从多平台引流获客、高效直播、营销转化，最后再到数据分析，提供一整套完整的解决方案。

多渠道引流获客

所谓多渠道引流获客，主要是帮助商家打通视频号、抖音、快手等公域平台，实现一站式直播，全平台覆盖，从而提升直播效率，实现精准的引流获客。小鹅通的后台，甚至还提供转播（授权直播给其他平台商家）和拉流（像采集新闻一样采集直播内容）这些特色功能，帮助客户解决直播场景的各种问题。

多种互动开播方式

虽然用户只是通过一个手机屏幕观看直播，甚至对于产品设计师来说，直播画面的设计空间只有 750*1624px 的大小，但就在这寸土寸金的空间里，小鹅通也玩出了很多花样。比如为商家提供了多种个性化的直播传播形式，多媒体、PPT 课件、白板、桌面分享等，甚至连直播连麦等待时候的留白画面都可以设置。

多样直播营销互动

小鹅通为商家在直播间提供了多种营销互动工具，比如抽奖、红包、达人榜等常见功能，帮助商家快速激活转化，不过最让我惊艳的是在直播的「运营设置」版块，商家不仅可以设置圈子引流（小鹅通用户留存的一个核心功能），还可以在直播间招募推广员、分配 CRM 跟踪线索等，这对用户的销售转化有极大的帮助。

实时分析直播数据

这是一个非常惊艳的功能，因为它可以帮助商家一键生成直播数据可视化大屏，实时展示直播人气、观众、带货等数据，满足多场景数据展示需求。其次小鹅通还为商家提供直播深度诊断等增值服务，帮助商家实时复盘，提升用户的转化率和复购率。

体验小结

只有在后台亲自体验过小鹅通的直播功能，才能感受到小鹅通直播的完整和细致。从前端的产品卖点介绍来看，对我而言，冲击不够，似乎还有点意犹未尽，就如同我在直播功能体验小结中总结的——如果不亲自体验，我根本没法想到一个直播需要考虑设计这么多功能，拉流、转播、招募推广员，这简直把用户需要的功能需求都提前设计和规划好了，对一个运营者来说，对店铺和用户的运营效率提升太有帮助了。

③ 鹅圈子

圈子的定位是微信生态的私域社群运营好帮手，这是一个对标「知识星球」APP 的功能，以微信小程序的客户端运营，非常方便。

功能价值

鹅圈子作为一个社群工具，主要是把帮助商家提升用户活跃度，沉淀高质量内容，最终帮助商家打造一个高品质的学习型社群，提高学员的忠诚度和留存率。

核心卖点

高质量的内容互动氛围

从这个卖点看出，鹅圈子是针对社群运营量身定制的产品，解决商家的学员在购买课程后无法沉淀高质量内容、社群运营效率低的痛点。

高效率的社群工具

鹅圈子的玩法非常丰富，不仅有社群打卡、排行榜、勋章、成长任务等常见功能，还能加入商家的课程、产品，实现高频曝光和触达，帮助商家提升付费转化。

打通企微生态

这是鹅圈子最核心的卖点，也是最大的产品优势。通过打通企微生态，以微信小程序的客户端，不仅能在微信生态高效使用，还能方便客户使用，真正实现私域社群的管理助手。

体验小结

如果和知识星球相比，我觉得鹅圈子在功能和产品体验上已经不逊色知识星球。在打通企微生态以微信小程序客户端运营以后，我觉得简直就是一个 Buff 加成，方便、高效、无需下载，而且还能直接加入商家的课程，把销售场景植入圈子，让转化随时实地都可能发生。总之，如果这个产品独立出来，加上一个好名字的话，我觉得足够可以和知识星球扳手腕。

④ 企微 CRM

企微 CRM 的定位是融合店铺和企微数据的销售管理工具，这个功能也是作为小鹅通产品宣传的核心功能之一。

功能价值

企微 CRM 在用户的激活、留存和变现阶段都发挥了非常关键的作用，特别是拥有销售团队的知识商家，通过企微 CRM 强大的功能，可以实现高效的销售转化。

核心卖点

知识店铺和企微数据连通

企业微信作为微信私域运营非常重要的工具，小鹅通实现了知识店铺和企业微信的数据互通，这样设计的最大意义是把原本孤立的两个系统连接起来了，对商家来说，简直如有神助。比如在引流阶段，可以设置不同的企微二维码，在用户刚关注企微的时候，商家就了解用户的信息来源渠道，快速高效分配 CRM 销售，实现激活转化。而用户在小鹅通平台所访问的所有轨迹、行为，CRM 销售都能第一时间获取数据，从而实现高效沟通、快速成交。

用户统一管理/获客雷达/CRM 画像

小鹅通应用在企业微信配置好以后，不仅可以实现用户数据的统一管理，而且就在企业微信的聊天工具栏就能了解用户的学习行为、访问轨迹和详细信息，助力销售直击用户痛点。

体验小结

企微 CRM 是我在深度体验完以后让我坚定未来会采购一套小鹅通系统的最大动力，因为它满足了我在用户运营中遇见的所有问题，我更本不用再去翻和粉丝的聊天记录就能知道他最近在看什么课程、在学什么知识，我能和他随时保持同频，实现高效的沟通和转化。

⑤ 企业培训

企业培训在小鹅通官网并没有详细的介绍，但在小鹅通的官方 PPT 介绍中，这个产品是小鹅通三大核心服务产品之一。企业培训主要是面向企业客户，结合企业微信提供一站式企业内训的数字工具，让企业内训变得更加简单高效。小鹅通的产品使用场景延伸到企业培训，几乎没有技术门槛，其次也能覆盖更广的用户人群，不给其他竞争对手留下机会。

⑥ 小鹅通开放平台

小鹅通开发平台简称为小鹅云，面对一些拥有特定需求的客户，标准化的 SaaS 产品难以满足，所以小鹅通打造了小鹅云开放平台，它不仅能帮助小鹅通实现更高利润的商业变现，还能进一步吸引第三方伙伴参与到小鹅通的生态共建中，为商家赋能。

从官网拆分的场景看，小鹅云主要为商家提供全场景数据打通方案、数据迁移解决方案、全终端店铺开店和定制化服务解决方案。通过提供标准的开放 API，支持与其他平台进行数据打通，从而更好地运营用户，支撑业务决策，实现精细化运营。

2）私域运营

私域运营并不是产品，它的本质是通过五个场景告诉客户小鹅通能解决的五大痛点，拆解这个部分的内容可以有助于我们理解小鹅通这个产品的实际应用场景。

① 公域引流

随着公域流量红利的消失，在流量越来越贵、成本越来越高的今天，对于每一个从公域池吸引流量的商家来说，都面临着经营成本高、用户流失高、有效沉淀难等痛点，所以如何从公域把用户转化到商家的私域流量池，至关重要。

小鹅通在这个场景营销中，主要以「鹅直播」这个产品帮助商家把知识店铺和视频号/抖音/快手的公域流量充分连接，从公域引流到私域留存，覆盖了所有场景，无论是是直播还是短视频，都可以帮助商家把流量汇总到私域，从而降低成本、减少流失。对商家来说，能实现多平台的公域引流可以解决分散经营的痛点，高效转化。

② 营销转化

小鹅通给「营销转化」设定的简介是——构建引流获客与交易转化的营销闭环。从这个场景，可以看出小鹅通在营销方面为商家设计了非常强大的武器库。

从全渠道获客、交易转化、效果分析到增长裂变，帮助商家构建品牌营销闭环，提供全链路营销的解决方案。在后台的设计拆解中，小鹅通的营销工具就给我留下极其深刻的印象，分销推广支持按机构和个人两种场景，付费转化提供「邀新拼团」和「阶梯拼团」等多种模式，就连优惠券都设计了「通用优惠券」、「专属优惠券」和「员工优惠券」三种类型。对于一个商家的运营来说，提供了太多高效、便利的武器。

③ 知识付费

「知识付费」的页面围绕内容、服务和互动三个环节进行设计。首先小鹅通支持多种内容生产形式，在上面我们提到过，小鹅通覆盖了市面上最常见的内容形式。其次在用户服务环节，支持多种形式的知识服务，比如专栏、训练营、考试等。最后在互动体验环节，利用小鹅圈、活动等工具帮助商家与用户高效连接，共创知识价值。

④ 社区运营

从「社群运营」页面的内容可以看出，「鹅圈子」在小鹅通的产品拼图体系里越来越重要，因为它是为社群私域管理量身定制的。小鹅通在这个场景中为用户提供全方位社群运营解决方案，从内容运营、互动玩法、私域触达到社群表现，覆盖整个社群运营的发展阶段，帮助商家解决社群运营效率低、社群变现难、优质内容无法沉淀的痛点。不过对我而言，我觉得小鹅通社群最吸引商家的一个点是我上面提到的——让交易随时随地可以产生，这才是这个功能最大的魅力。

⑤ 品牌运营

如果一个外包公司正在思考为什么订单越来越少这个难题，那么当你浏览到「品牌运营」这个场景的营销内容，你就知道原因了。小鹅通作为一个支持多终端落地的平台，可以为客户提供全渠道、全场景的私域品牌建立，简而言之，不仅仅是微信生态的公众号、H5 官网、小程序，还有 PC 端的品牌官网（支持绑定独立域名访问），这对商家来说，采购一个小鹅通就能一劳永逸，解决全终端品牌运营的难题了。极致、高效，还便宜。

⑥ 体验小结

从这五个场景的营销内容设计中，可以看出，小鹅通覆盖了知识创作者在创业和运营阶段众多场景。无论是面对公域引流分散的痛点，还是缺乏专业完善的营销工具，抑或是提升社群运营效率高效的手段，小鹅通的产品都能契合和应对。如果你在思考如何理解「以场景为中心」的设计，这五个场景的设计，值得你细读和深究。

3）定价体系

作为一个 SaaS 产品，小鹅通的产品分为标准版、专业版和旗舰版。标准版定价 5299 元/年，满足店铺搭建与内容变现需求，实现基础知识服务闭环；专业版定价 8999 元/年，深度链接公域与私域，实现完整知识服务与用户运营闭环；旗舰版定价 19999 元/年，可享受小鹅通产品所有完整功能，实现品牌商业一体化精细运营闭环。

拓展阅读：关于小鹅通的定价，在吴晓波《一只小鹅是怎样被养肥的》一文中，曾经提到过这样的插曲。吴晓波把他的好朋友十点读书推荐给老鲍，老鲍最终收了 5000 元的系统使用费，最终这个价格也成为了小鹅通基础版的参考价。

4）小结

从这个版块看出，小鹅通无论是知识产品类型还是应用场景，都已经非常丰富。也许初期小鹅通确实只是一款知识工具，但随着在知识付费行业的深入，以及充分链接了企微生态以后，小鹅通已经具备了多重属性，不再是单一的知识工具，而是一个拥有完整体系生态的知识平台。

2. 内容服务 内容服务是小鹅通在用户运营侧所设计的服务，包括小鹅通训练营、服务管家、小鹅社区和公益计划等，主要提升用户活跃度和留存率，帮助商家快速上手小鹅通产品和提供精细化的运营指导服务。

1）小鹅通训练营

训练营是面向店铺创始人和运营者量身定制的课程培训，主要解决客户在运营店铺中遇见的各种问题，包括店铺搭建、装修、私域引流等技术方面的难题，以及通过小鹅通知识生态认识更多的同行，学习其他人的运营技巧。

① 服务价值

训练营不仅是小鹅通激活客户的绝佳方式，而且通过专业系统的运营培训可以帮助客户高效运营，让小鹅通从工具属性上升到平台属性，最终和平台深度捆绑，延长客户的生命周期，完成 SaaS 产品赖以生存的 KPI——续费。

② 核心卖点

系统化培训+社群化学习

训练营是一个动态的服务，和传统的课程学习模式相比，不仅可以学习专业的知识，还可以通过社群链接更多优秀的同行，与各领域专家活动讨论。小鹅通拥有 1600 万+商家资源，经过多年的行业积累，俨然从一个技术服务商成了行业专家，这也是头部 SaaS 产品发展的一大特点，在某个行业不断深究，你就能成为行业专家。

阶梯式设计

小鹅通的训练营呈阶梯式递进，分为标准营、专业营和旗舰营，面向的用户群体主要为企业创始人、店铺负责人和运营操盘手，课程的侧重点也各有不同，给用户多重选择。

迭代建议：小鹅通训练营页面关于训练营内容的呈现上不符合用户浏览习惯，一般用户浏览页面的时候，默认为从左到右的服务是从低到高、从简单到困难，而小鹅通恰好相反，所以给了我一个错觉，左边是最便宜、最入门的产品。

③ 体验小结

从训练营服务可以看出，要做好一款 SaaS 产品，绝不仅仅只是在用户体验和技术方面的专研，对行业的专研和探究更是重中之重，只有你成为了专家，这才是客户购买你的理由。

2）对话标杆

「对话标杆」是小鹅通创始人兼 CEO 老鲍打造的一款官方品牌直播节目，旨在搭建与客户的深度交流场景，通过邀请各行各业头部客户代表分享可复制的小鹅通运营方法，拆解前沿实战案例，与客户共创优质内容，助力新老客户共同成功。

从 2021 年 6 月 23 日上线首期到最新的第 233 期，老鲍通过这 233 次 1V1 的直播交流，不仅可以和自己的客户面对面沟通，了解他们真实的运营情况，还能通过高质量的内容分享为平台传播引流，最终打造了一款极具特色的 SaaS 行业标杆直播节目。这真符合吴晓波对老鲍的描述——他是一位偏执型的创业者，也许还可以再完善一下——他是一位偏执型的创业者，还是一位更努力的CEO。

3）服务管家

SaaS 不是卖产品，而是卖服务，所以在客户从采购到使用再到续费（or 流失）的生命周期里，服务管家扮演了一个非常重要的角色。

① 服务价值

服务管家是小鹅通实现用户留存的最关键方式之一，如果没有完善周全的售后服务，客户会在产品使用的过程中随时流失。

② 核心卖点

全生命周期 1V1 陪伴式服务

从小鹅通的服务流程看，平台把客户的服务周期拆分为四个阶段，分别是交付期、成长期、成熟期和复购期，以 1V1 的陪伴式服务为主，为商家提供针对性、体系化的运营服务。由于只是申请了免费体验的权限，所以未能作为一个正式商家享受这个服务体系的权益，不过可以看出，小鹅通在服务这个环节的颗粒化非常细，对商家来说真的非常有吸引力。

“运营顾问式”服务+运营指导+面对面交流

在客户运营的环节，小鹅通以商家成长目标为导向，提供「运营顾问式」的服务、从入门到进阶的运营指导甚至还有面对面的交流沟通，帮助客户从 0 到 1 搭建自己的知识店铺。这样的服务内容，不仅考虑完善，在前期的销售场景中，很容易让客户产生共情，最终快速转化。

趋势共享，引导客户把握行业风向

小鹅通不是单纯的知识工具，而是成为了一个沉淀上千万知识商家的大平台，通过精准、全面的数据沉淀和分析，最终提炼了知识付费行业的行业趋势、用户习惯、偏好行为等数据，最终这些数据又可以赋能给平台的商家，让他们在内容和运营侧及时做出调整，满足用户的需求。对一个知识商家来说，这样的行业信息可以有效避免闭门造车，提升运营效率。

③ 体验小结

SaaS 的本质是续费， 但续费的本质是服务。如果不去拆解小鹅通的服务体系，我们也许就认为 SaaS 服务就是一个售后电话或者企业微信，但拆解完以后，你就会发现，原来一个完善、专业的服务体系是这样设计。略微遗憾的是，我还没全面体验过，所以无法做过多描述，只能从官网的卖点来拆分。

4）版权保护

版权是知识商家的命脉，如果一个商家辛辛苦苦创作的内容被其他人盗版贩卖，那么这个生态就会严重损害。在拆解小鹅通的后台时候，我对版权保护的功能就记忆深刻，不仅提供多种防盗版设置（防录屏跑马灯、文字/图片水印、终端设备限制等），还提供非常完善的维权体系（提供了各大平台的投诉指引方式）。可以说，为了让商家放心地使用小鹅通，在版权保护这块，小鹅通投入了非常大的技术精力，为商家的运营保驾护航。

5）小鹅社区

社区作为一个用户留存的重要方式，小鹅社区却显得与众不同。就像老鲍在小鹅通官方 PPT 介绍里写到的——小鹅通是一个被客户引导设计的产品，是客户提需求，我们完善，然后一步一步走到今天的。

在小鹅通的社区，除了用户发起的产品设计需求，你几乎看不到其他内容。这简直就是小鹅通产品的需求池，甚至不需要产品经理去规划，从社区这个版块就能第一时间看到用户在使用产品过程中所遇到的问题、bug、缺陷等。而通过小鹅通官方技术、产品的回复，又让用户产生了和平台的亲近感，它并不是高高在上的肥鹅，而是在你为你提供无微不至服务可爱的小肥鹅。

细节侦查：小鹅社区有一个非常友好的体验，那就是当用户发起一个需求新增的时候，其他用户可以进行投票，内容为「我也需要」和「暂不需要」，这个细节不仅可以让其他用户有参与感，而且还能从投票数据观察出需求的轻重缓急，从而调整合理的需求排期。

6）公益计划

在特劳特《品牌 22 律》一书中，第五条是公关定律——品牌的诞生依靠的是公关，而非广告。公益计划版块的意义，正是如此。

从小鹅通公益计划内容看出，他们不仅为公益组织提供标准版免费店铺的使用，还提供运营人才线上免费培训，旨在帮助公益机构降低服务门槛，通过知识付费的场景，加快公益组织的服务效率，实现“科技助力每个孩子成才”的美好愿景。

7）小结

从这个版块我们可以看出，小鹅通在用户留存和运营阶段可谓倾其所有。不仅有短频快的训练营系统化培训、1V1 陪伴式的服务管家，甚至连创始人老鲍都亲自上阵，和用户 0 距离沟通、聊天、种草和分享，这真的让人感到这家公司不只是偏执，而是比其他竞争对手努力 10 倍。也许对企业的发展来说，选择很重要，但是多数竞争，只是拼努力就能干掉 80%的对手。

3. 设计总结 1）内容层

小鹅通的知识产品可谓是覆盖了知识商家的多个运营场景，无论是公域引流、营销转化、知识付费还是品牌运营场景，小鹅通的都设计了直播、圈子、企微 CRM 等对应产品，足以帮助商家解决在店铺运营中的各种难题。其次在用户留存环节，小鹅通打造了短频快的训练营以及创始人亲自上阵的直播节目，利用自身积累的优势赋能给商家，帮助商家成功，拉长用户生命周期。小鹅通的产品内容层，专业、完整、系统、严谨、细致，而且每一个模块都能形成闭环，值得深度反复学习。

2）营销层

我对小鹅通的产品卖点做了非常细致的拆分，比如私域运营的五个场景，无论是面对公域引流分散的痛点，还是缺乏专业完善的营销工具，抑或是提升社群运营效率高效的手段，小鹅通的产品都能契合和应对。对我启发更大的是，在这五个场景的每一个环节你都能发现它能形成独立的小闭环，比如营销转化这个场景，从全渠道获客、交易转化、效果分析到增长裂变，小鹅通是以提供全链路营销解决方案的闭环思路来设计。我没有官方的销售转化数据，但从体验者的角度出发，这些营销方式和内容都深深吸引我，而不是当我刚进入某个 SaaS 产品的官网，右下角的聊天机器人就在千方百计索要我的电话号码——给了你，又有什么用呢？

3）运营层

吴晓波在《内容创业的下半场风口在“服务”》一文中提到，过去我们以为知识付费就是通过某个名人或者大 V 对知识的单向输出，但经过 7 年的实践，知识付费并不是传授知识本身那样简单，而是教导用户如何把知识转化为生产力的过程。他把小鹅通的训练营比喻为产品与服务的结合体，是内容生产者和用户双向奔赴的过程，并用真实的课程数据向知识付费从业者介绍他的优势。足以见得，要服务好客户，技术是基础，创新是增量，而运营才是保障。

四、写在最后面的话 如果你有关注我，相信你觉得我肯定是疯了，因为我才把小鹅通的后台设计拆解完，那篇拆解整整写了 41,103 字，那么为何还要继续拆解小鹅通？这是因为上一篇的拆解，主要聚焦于小鹅通的后台设计，也就是为运营者提供管理、发布内容的后台。可以说，用户视角更多是初级产品经理以及 UX 设计师。

但这一篇拆解，则是从小鹅通的顶层开始梳理，你会发现内容仿佛和设计毫不相干，但其实这是一个维度的提升，从更宏观的视角去拆解小鹅通。而如果你结合上一篇的后台设计拆解去体验小鹅通，你会发现原来一个 SaaS 产品的设计，是从商业层开始推动，然后再逐级递进，最终通过视觉层呈现给用户。

加上小鹅通的后台，这是一次工作量、难度巨大的产品拆解，但在我最终把它拆解完以后，我感觉从未如此深刻地理解 SaaS 产品的设计，仿佛是去了一趟深圳市南山区科兴科学园一样，见到了偏执型创业者老鲍本人，听他述说完这 7 年来的产品设计故事以后，对老鲍说——感谢你们，设计了这款改变知识付费行业的产品，而我，目标就是把这款产品的设计拆解分享给更多的SaaS产品设计师和从业者。

参考文献：

小鹅通官方网站 小鹅通品牌手册 2019 知识付费内容分销白皮书 易观千帆-小鹅通 APP 数据分析 知识付费用户达 5.27 亿，内容创业的下半场风口在“服务” | 品牌新事 吴晓波：一只小鹅是怎样被养肥的 艾媒咨询｜2022-2023 年中国知识付费行业研究及消费者行为分析报告 《2020 中国知识付费行业图谱》发布，让你一图了解知识付费产品分类和平台有哪些 欢迎关注作者微信公众号：「设计大侦探」

这篇文章对 B 端表单的用法进行了总结与归纳。更多表单设计干货：4000字干货！手把手带你掌握web中的表单设计前言 表单是我们生活中常见的信息添加、录入的方式之一，如何进行表单的设计也是 B 端设计师的必修课。

这篇文章对 B 端表单的用法进行了总结与归纳。

更多 表单设计 干货：

4000字干货！手把手带你掌握web中的表单设计 前言 表单是我们生活中常见的信息添加、录入的方式之一，如何进行表单的设计也是 B 端设计师的必修课。

阅读文章 >

一、什么是表单页 1. 表单页满足的核心场景

采集/录入数据信息。 编辑数据信息。 特殊的条件设置。 后台产品的本质是针对数据的增、删、改、查。而增、改、查都可以用表单完成。

2. 常见的应用场景

OA 系统里面的请假申请，报销申请，录入员工，新建会议。教育类的创建课程。HRM 系统里面发布职位以及物联网管理系统新建设备等等。

二、表单页设计原则

1. 明确

用户快速定位重要信息和目标选项同时文案和组件能够准确传达相应含义

2. 高效

整体表单排布有合理的交互形式；科学的信息布局和组织形式；尽可能“少操作一步”用户在面对 50 和表单和 500 个表单的心理压力是不一样的。

3. 安全

操作前：提示和防错。

操作中：实时反馈与纠错

操作后：合理的保存、清空、取消、撤销机制。

三、表单的构成 表单通常由表单标签、表单域、提示提示、操作按钮四部分构成。

1. 表单标签

左标签

优点：表意明确，节约纵向空间，多用于 web 端

缺点：不太适用于移动端等狭长空间

顶标签

优点：对齐舒适，节约横向空间，多用于移动端及英文场景下。

缺点：纵向空间利用率不高

行内标签

优点：最节省空间，多用于注册登录

缺点：输入状态标签消失，用户陷入迷茫

左对齐标签

视线从标签移动到表单域时间为 500ms，这比右对齐标签所用的时间长的多，所以更适合阅读，用于详情的陈列。

特点：阅读效率高，操作效率较低；

右对齐标签

视觉动线参差不齐，不适合高效阅读，但适合高效操作，更适合表单填写。

特点：阅读效率不高，标签指向明确，操作效率高

2. 表单域

如何定义输入框/选择框大小？

步骤一：根据业务已经有的字段长度定义 4-5 种宽度规范，建议宽度可以是 8 或者是 40 的倍数。

步骤二：根据你要搭建的表单，选用合适的规范，长度与输入预期成正比。有人会说排出来的表单左边没对齐，右边也没对齐，其实这就是 B 端产品特征那就是是好用大于好看，就要给用户一种心智那就是给你的这个长度那就是要输入一个这么长的内容。

3. 提示信息 避免“正确的废话”：给不到用户任何的帮助还增加了用户的阅读成本。

提示信息用哪种展示方式？

4. 操作按钮 按钮常见位置：一般出现在页面顶部、跟随表单里的内容、表单内容底部、页面底部。

按钮阅读顺序：按钮出现页面右上角或右下角时，阅读顺序是从右往左，这符合 pc 端操作习惯以及人阅读习惯。按钮跟随表单内容或在表单内容底部时，阅读顺序为从左往右，这符合人的填写顺序从上往下，从左往右。

底部按钮右对齐：一般用在弹框，因为弹框页面比较小，右对齐比较符合操作习惯。

底部按钮居中：一般用在页面中，因为右下角操作距离会有点远，所以表单用页面承载的话按钮建议居中。

5. 字体和间距规范 表单中字体全部统一采用 14px。表单上下间距一般有三种，1.内容与内容间距为 24px。2.内容与说明文案间距为 4px。3.内容与子内容间距以及及子内容之间的间距为 8px。

四、表单交互 表单交互方式有四种。1.原位编辑；2.气泡卡片；3.弹窗/抽屉；4.页面跳转。

1. 原位编辑

编辑内容即为展示内容，容量低于 5 个时使用。

2. 气泡卡片

设置项与看板内容紧密相关时使用气泡卡片，建议设置项低于 5 个。

3. 弹窗/抽屉

设置项与看板内容可以有关联也不可以没有，大于三个以上的录入项使用。

如果录入项较多，用弹框承载出现翻页的情况下可考虑使用抽屉。

4. 页面跳转

如果容量超出了弹框/抽屉的承载量并且录入项与看板没有那么强的关联性可采用页面跳转的方式。

五、页面布局 页面布局方式有四种。1.分组；2.锚点定位；3.标签页；4.分步骤

1. 分组 标题分组

设置项超过 7 个；彼此间的关联性较弱且可以分类去归纳

卡片分组

有多个设置项，多个分类；彼此之间的关联性更弱，分类明确

2. 锚点定位 有多个分类的情况可通过锚点定位迅速找到相关信息

3. 标签页 彼此之间没有特定的相关性，可以独立设置。每个设置包含了多个录入项且使用了标题分组。

小结

当录入项少于 7 个时使用基础布局；当录入项在 7-15 个时可采用标题分组，卡片分组、锚点定位布局；当录入项大于 15 个时需采用标签页布局。

4. 分步骤 利用步骤条将大型，复杂任务拆解为多个部分，并按照相关性分组。

建议 3 种分组依据

采用必填项划分，把必填的选项分在一起； 采用相关性划分； 以操作成本划分。 把好填的简单的表单放在前面，复杂的放在后面。

六、提升表单易用性 提升表单易用性方式有 5 种。1.信息降噪；2.清晰易读；3.高效智能；4.防错纠错；5.所见即所得

1. 信息降噪

场景一：当表单中大多数都是必填只有极少数非必填时

场景二：表单项非必填项比较多，可将低频的非必填项收起

2. 视觉清晰

场景一：尽量采用单列布局，视觉动线流畅，不容易遗漏信息；按 enter 键换行。

场景二：如果出于业务方需要，必须在横向添加内容，那最好有一定的分组依据。但这样就不应该出现竖向分组，以免遗漏信息。

3. 高效智能 根据上下文信息可以自动获取的，无需用户再次填写。

例如根据手机号带出用户姓名；根据地址带出邮政编码；根据身份信息带出生日。

提供合适的“默认项”。

例如根据行业现状提供常规的比例分配；根据定位把地区做默认的填充。

提供搜索、联想，自动显示匹配的信息

用户在进行输入等操作时可以提供智能辅助，例如表单填写时对需要录入信息的区域提供辅助提示，通过自动补全或联想词来帮助用户快速录入信息，在保持用户的操作自由度的情况下提效。

OCR 识别文件内容

对于一些标准证件信息的录入，可以通过 OCR 识别文件内容。当用户上传图片后，运用图像识别技术提取关键信息并自动填入结果。

4. 防错纠错 对于长数字，四位一空格，用来分段

例如输入银行卡号；充值场景下输入手机号等

 为用户封闭不正确道路

将超出时间选择范围的日期置灰。电话号、身份证录入时只允许输入数字同时设置字数上限。

告诉用户哪里错了，而非简单粗暴的错误提示

5. 所见即所得 表单页对填写的物料内容进行映射，展示真实效果预览，降低用户心理的不确定性。适合对移动端、小程序、H5 页面的设置。

七、体验衡量指标 体验衡量指标有 4 种。1.任务完成率；2.任务完成时长；3.必填项目数；4.易用度评分

1. 任务完成率

2. 任务完成时长

3. 必填项目数

结合业务场景给出最适合的必填项设定，提高用户填写效率。

4. 易用度评分（用户完成某项任务的难易程度）

易用度可通过调研问卷和评分量表获取。

结语 这篇文章对 B 端表单的用法进行了总结与归纳，感谢阅读，欢迎交流～

辉的沉思录：相比起 ToC 的 AI 应用，关于产业的 AI 应用显得更加悄无声息。我在这里收集了一些产业 AI 的应用，希望能开阔一下大家的思路。更多AI干货：附超多关键词！

辉的沉思录：相比起 ToC 的 AI 应用，关于产业的 AI 应用显得更加悄无声息。

我在这里收集了一些产业 AI 的应用，希望能开阔一下大家的思路。

更多AI干货：

附超多关键词！AI 绘画神器 Midjourney 进阶使用技巧总结 上次的基础教程反响还不错，自己也有了继续写下去的动力。

阅读文章 >

1. 影视动画

MetaHuman Animation

高保真形象：MetaHuman 最值得称道的一点在于，它基于先进的面部识别与跟踪技术，能够根据你录制的小样来生成一个高度逼真、真实动态的虚拟形象，完美呈现你面部的各种表情和情感。这种技术的精度和真实感，在影视制作、游戏开发或是虚拟试衣等领域，都非常具有想象空间。

网址： https://www.unrealengine.com/en-US/blog/

2. 票房预测

ScriptBook

剧本分析：ScriptBook 最大的特点是可以根据电影剧本来预测这部电影的票房是否会赚钱，它会根据剧本生成一系列的报告，包括预测美国电影协会的分级、电影受众、票房成绩等，它的预测水平至少比人类预测高三倍以上（当然这不代表它是一定准确的）。

网址： https://www.scriptbook.io/#!/

3. 食品加工

Tastewise

Tastewise 通过人工智能和大数据分析技术来了解食品和饮料行业的趋势和消费者喜好。

风味趋势分析：Tastewise 通过对全球食品加工数据的分析可以提供有关消费者喜好和趋势的数据洞察，同时通过预测新兴的食品和饮料趋势，帮助企业提前作出决策，以满足市场需求。

网址： https://tastewise.io/

4. 保险理赔

H2O.ai

H2O ai 最显著的特征便是可以帮助汽车保险公司在效率上获得显著提升：

节省人工成本：之前需要人工专员来进行定损、监测，但是现在通过 ai，用户自己拍照上传，ai 根据图片快速判断汽车零部件是需要维修还是更换，及时反馈带来良好的用户体验，也帮助保险公司节省人工成本。

有效识别用户是否在保险欺诈：ai 能够以较为精确的方式判断车辆的实际情况与实际责任人是谁，可以 以较高的效率解决为公司解决骗保问题。

网址： https://h2o.ai/case-studies/

5. 农业

Harvest CROO

Harvest CROO 是一家专门做机械自动化采摘的公司，目前他们在草莓自动化采摘方面取得了很好的效果。

全自动化采摘：草莓采摘最大的难点在于草莓表皮脆弱，且采摘起来很依赖劳动力。Harvest CROO 基于视觉识别系统可以判断草莓是否成熟、可采摘，并通过对于收割机的调度与控制，保证机械手臂不会损伤草莓表皮，实现全自动化采摘。这项技术的成功应用，不仅可以提高草莓采摘的效率，还能减少劳动力的需求，为农业生产带来了更多可能性。

网址： https://www.harvestcroorobotics.com/

同类型农业应用：

Blue River Technology

Blue River Technology 是一家为农业产业服务的公司，他们基于计算机视觉的机器人技术，帮助农民实现更高效、更精确的农业生产。

精确控制：利用计算机视觉机器人技术，能够识别每一株植物，还能够针对每一株植物精确施用适量的肥料或除草剂，这样的操作是在以拖拉机正常驾驶的速度下完成的。（相比于传统的设备，Blue River Technology 的机器人能够大大减少化学品的使用量，并提高种植者的经济效益。）

网址： https://bluerivertechnology.com/

6. 金融信贷

Zest AI

Zest AI 是一个信贷评分平台，利用 AI 技术分析贷款申请人的信用数据，帮助金融机构降低违约风险。

风险管理：通过分析数据来更准确地评估申请人的信用风险，还能提高金融机构放贷给那些能够偿还债务的人的准确性。同时帮助金融机构避免向高风险借款人放贷，减少机构的损失。

网址： https://www.zest.ai/

7. 工业物联网软件平台

GE Predix

Predix 是通用电气 (GE)推出的一款面向工业领域的基础系统平台，适用于多个行业，如制造、能源、医疗等。

提升开发效率：Predix 提供了多种开发套件，能够帮助开发者高效地开发出定制化的专业应用，从而提升开发效率。这些套件不仅能够满足不同开发者的需求，还能保证数据及应用的安全性，为用户提供可靠的服务。

网址： https://www.ge.com/digital/

8. 药物研发

Pharma.AI

Pharma.AI 是一套全集成式的新药开发软件套件。

缩短药物研发周期：在药物研发效率上，它可以帮助药物研发人员把筛选一个药物靶点的时间从四五年缩短到几个月甚至 30 天左右，极大缩短药物从开发到上市的时间，以前需要以年计算药物的开发周期，但现在可以用月来计算，这不仅能够在更大程度上帮助更大的患者提升生还机率，也能为药品研发公司节省大量成本。

节省医药研发成本：根据塔夫茨大学药品研发研究中心通过既往获批的药物数据发现，研发一个新药至少需要 10 年、26 亿美元的巨大投入，现在则有望将时间控制在十个月，而药物研发成本也有望控制在百万美元左右。

网址： https://insilico.com/platform

其他药物研发类应用：

BenevolentAI

是一家英国 AI 医药研公司。

绘制复杂生物学图谱：BenevolentAI 能够分析知识库中数据相互关系，并以前所未有的细节绘制复杂多因素疾病的潜在生物学图谱， 有效加速药物的研发与生成。

网址： https://www.benevolent.com/

9. 医学影像

NANOX AI

NANOX 是一家医学影像扫描公司，他们研发了一套基于 AI 算法的影像分析系统，能够辅助医生更准确地诊断疾病，识别多种疾病征兆，如癌症、心血管病、骨质疏松等。

早期干预：这项技术的优点在于可以进行早期干预，这样可以很大程度上减少由于疾病未及时发现带来的悲剧，也能帮助患者提高医疗诊断质量，为患者制定保健、康复方案，帮助患者改善病情，提升生活质量。科技向善，希望这样的技术能够帮助到越来越多的人。

网址： https://www.nanox.vision/ai

10. 机器人流程自动化软件

UiPath

UiPath 是一家开发机器人流程自动化平台的全球软件公司。

自动化：可以根据需求在企业部署自动化流程，帮助组织实现自动化业务流程。

提升效率：用于优化流程提升组织效能，可以有效节省企业员工的时间与精力，在提升员工体验的同时，也能帮助员工专注于更有价值的事情。

网址： https://www.uipath.com/

11. 商业智能分析

Tableau AI

Tableau 是一家数据驱动的公司，致力于用数据分析帮助企业更好的预测业务、决策与战略。

智能决策辅助：Tableau AI 通过对数据样本的分析，可以给出有效的建议与对事物的相关预测，在工作中，能有效帮助专家、决策人员提升决策效率，比如通过数据分析，补全我们的思考维度或是提出更好的建议等。

网址： https://www.tableau.com/solutions/ai-analytics

12. 舆情分析

Signal AI

Signal AI 是一家解决方案提供商，公司打造“营销情报套件”帮助企业客户监测网络舆情信息。

信息结构化：Signal AI 可以分析并结构化网上的各种信息与舆论，能够帮助公司在最短的时间内知道，外界舆论对其的态度与看法，这一点对于站在聚光灯下的企业很有帮助。

提升企业影响力：帮助企业及时了解各行各业对于企业的评价与看法，以便快速调整企业策略，保证企业的声誉、品牌。

网址： https://www.signal-ai.com/

13. 大数据分析平台

Palantir

Palantir 是一家美国的软件服务公司，以大数据分析出名，主要客户为政府机构和金融机构。

大数据分析：允许客户对大量的敏感数据进行分析，以防止欺诈，确保数据安全等，通常应用于的高度保密的政府项目及高价值商业项目。该技术已经为 JPMorgan 每年节约了数亿美元不必要的损失。

网址： https://www.palantir.com/

14. 视觉识别

Landing AI

Landing AI 是一家计算机视觉应用公司。

图像识别：Landing AI 能够根据需求在农业、加工业、制造业等领域的产品质量检测中发挥关键作用。通过运用计算机视觉技术，实时检测生产线上的产品，从而有效降低缺陷产品的比例。

网址： https://landing.ai/

15. 软件开发平台

C3.ai

C3.ai 是一家 AI 应用厂商，致力于为企业提供数字化转型解决方案。

可扩展的人工智能平台：帮助企业能够快速构建、部署和运行大规模的 AI、大数据和物联网相关应用。（目前推出的 C3 Generative AI 套件将 Open AI、谷歌等组织的最新 AI 能力模型集成其中）。

网址： https://c3.ai/

这篇文章对 B 端表单的用法进行了总结与归纳。更多表单设计干货：4000字干货！手把手带你掌握web中的表单设计前言 表单是我们生活中常见的信息添加、录入的方式之一，如何进行表单的设计也是 B 端设计师的必修课。

这篇文章对 B 端表单的用法进行了总结与归纳。

更多 表单设计 干货：

4000字干货！手把手带你掌握web中的表单设计 前言 表单是我们生活中常见的信息添加、录入的方式之一，如何进行表单的设计也是 B 端设计师的必修课。

阅读文章 >

一、什么是表单页 1. 表单页满足的核心场景

采集/录入数据信息。 编辑数据信息。 特殊的条件设置。 后台产品的本质是针对数据的增、删、改、查。而增、改、查都可以用表单完成。

2. 常见的应用场景

OA 系统里面的请假申请，报销申请，录入员工，新建会议。教育类的创建课程。HRM 系统里面发布职位以及物联网管理系统新建设备等等。

二、表单页设计原则

1. 明确

用户快速定位重要信息和目标选项同时文案和组件能够准确传达相应含义

2. 高效

整体表单排布有合理的交互形式；科学的信息布局和组织形式；尽可能“少操作一步”用户在面对 50 和表单和 500 个表单的心理压力是不一样的。

3. 安全

操作前：提示和防错。

操作中：实时反馈与纠错

操作后：合理的保存、清空、取消、撤销机制。

三、表单的构成 表单通常由表单标签、表单域、提示提示、操作按钮四部分构成。

1. 表单标签

左标签

优点：表意明确，节约纵向空间，多用于 web 端

缺点：不太适用于移动端等狭长空间

顶标签

优点：对齐舒适，节约横向空间，多用于移动端及英文场景下。

缺点：纵向空间利用率不高

行内标签

优点：最节省空间，多用于注册登录

缺点：输入状态标签消失，用户陷入迷茫

左对齐标签

视线从标签移动到表单域时间为 500ms，这比右对齐标签所用的时间长的多，所以更适合阅读，用于详情的陈列。

特点：阅读效率高，操作效率较低；

右对齐标签

视觉动线参差不齐，不适合高效阅读，但适合高效操作，更适合表单填写。

特点：阅读效率不高，标签指向明确，操作效率高

2. 表单域

如何定义输入框/选择框大小？

步骤一：根据业务已经有的字段长度定义 4-5 种宽度规范，建议宽度可以是 8 或者是 40 的倍数。

步骤二：根据你要搭建的表单，选用合适的规范，长度与输入预期成正比。有人会说排出来的表单左边没对齐，右边也没对齐，其实这就是 B 端产品特征那就是是好用大于好看，就要给用户一种心智那就是给你的这个长度那就是要输入一个这么长的内容。

3. 提示信息 避免“正确的废话”：给不到用户任何的帮助还增加了用户的阅读成本。

提示信息用哪种展示方式？

4. 操作按钮 按钮常见位置：一般出现在页面顶部、跟随表单里的内容、表单内容底部、页面底部。

按钮阅读顺序：按钮出现页面右上角或右下角时，阅读顺序是从右往左，这符合 pc 端操作习惯以及人阅读习惯。按钮跟随表单内容或在表单内容底部时，阅读顺序为从左往右，这符合人的填写顺序从上往下，从左往右。

底部按钮右对齐：一般用在弹框，因为弹框页面比较小，右对齐比较符合操作习惯。

底部按钮居中：一般用在页面中，因为右下角操作距离会有点远，所以表单用页面承载的话按钮建议居中。

5. 字体和间距规范 表单中字体全部统一采用 14px。表单上下间距一般有三种，1.内容与内容间距为 24px。2.内容与说明文案间距为 4px。3.内容与子内容间距以及及子内容之间的间距为 8px。

四、表单交互 表单交互方式有四种。1.原位编辑；2.气泡卡片；3.弹窗/抽屉；4.页面跳转。

1. 原位编辑

编辑内容即为展示内容，容量低于 5 个时使用。

2. 气泡卡片

设置项与看板内容紧密相关时使用气泡卡片，建议设置项低于 5 个。

3. 弹窗/抽屉

设置项与看板内容可以有关联也不可以没有，大于三个以上的录入项使用。

如果录入项较多，用弹框承载出现翻页的情况下可考虑使用抽屉。

4. 页面跳转

如果容量超出了弹框/抽屉的承载量并且录入项与看板没有那么强的关联性可采用页面跳转的方式。

五、页面布局 页面布局方式有四种。1.分组；2.锚点定位；3.标签页；4.分步骤

1. 分组 标题分组

设置项超过 7 个；彼此间的关联性较弱且可以分类去归纳

卡片分组

有多个设置项，多个分类；彼此之间的关联性更弱，分类明确

2. 锚点定位 有多个分类的情况可通过锚点定位迅速找到相关信息

3. 标签页 彼此之间没有特定的相关性，可以独立设置。每个设置包含了多个录入项且使用了标题分组。

小结

当录入项少于 7 个时使用基础布局；当录入项在 7-15 个时可采用标题分组，卡片分组、锚点定位布局；当录入项大于 15 个时需采用标签页布局。

4. 分步骤 利用步骤条将大型，复杂任务拆解为多个部分，并按照相关性分组。

建议 3 种分组依据

采用必填项划分，把必填的选项分在一起； 采用相关性划分； 以操作成本划分。 把好填的简单的表单放在前面，复杂的放在后面。

六、提升表单易用性 提升表单易用性方式有 5 种。1.信息降噪；2.清晰易读；3.高效智能；4.防错纠错；5.所见即所得

1. 信息降噪

场景一：当表单中大多数都是必填只有极少数非必填时

场景二：表单项非必填项比较多，可将低频的非必填项收起

2. 视觉清晰

场景一：尽量采用单列布局，视觉动线流畅，不容易遗漏信息；按 enter 键换行。

场景二：如果出于业务方需要，必须在横向添加内容，那最好有一定的分组依据。但这样就不应该出现竖向分组，以免遗漏信息。

3. 高效智能 根据上下文信息可以自动获取的，无需用户再次填写。

例如根据手机号带出用户姓名；根据地址带出邮政编码；根据身份信息带出生日。

提供合适的“默认项”。

例如根据行业现状提供常规的比例分配；根据定位把地区做默认的填充。

提供搜索、联想，自动显示匹配的信息

用户在进行输入等操作时可以提供智能辅助，例如表单填写时对需要录入信息的区域提供辅助提示，通过自动补全或联想词来帮助用户快速录入信息，在保持用户的操作自由度的情况下提效。

OCR 识别文件内容

对于一些标准证件信息的录入，可以通过 OCR 识别文件内容。当用户上传图片后，运用图像识别技术提取关键信息并自动填入结果。

4. 防错纠错 对于长数字，四位一空格，用来分段

例如输入银行卡号；充值场景下输入手机号等

 为用户封闭不正确道路

将超出时间选择范围的日期置灰。电话号、身份证录入时只允许输入数字同时设置字数上限。

告诉用户哪里错了，而非简单粗暴的错误提示

5. 所见即所得 表单页对填写的物料内容进行映射，展示真实效果预览，降低用户心理的不确定性。适合对移动端、小程序、H5 页面的设置。

七、体验衡量指标 体验衡量指标有 4 种。1.任务完成率；2.任务完成时长；3.必填项目数；4.易用度评分

1. 任务完成率

2. 任务完成时长

3. 必填项目数

结合业务场景给出最适合的必填项设定，提高用户填写效率。

4. 易用度评分（用户完成某项任务的难易程度）

易用度可通过调研问卷和评分量表获取。

结语 这篇文章对 B 端表单的用法进行了总结与归纳，感谢阅读，欢迎交流～

辉的沉思录：相比起 ToC 的 AI 应用，关于产业的 AI 应用显得更加悄无声息。我在这里收集了一些产业 AI 的应用，希望能开阔一下大家的思路。更多AI干货：附超多关键词！

辉的沉思录：相比起 ToC 的 AI 应用，关于产业的 AI 应用显得更加悄无声息。

我在这里收集了一些产业 AI 的应用，希望能开阔一下大家的思路。

更多AI干货：

附超多关键词！AI 绘画神器 Midjourney 进阶使用技巧总结 上次的基础教程反响还不错，自己也有了继续写下去的动力。

阅读文章 >

1. 影视动画

MetaHuman Animation

高保真形象：MetaHuman 最值得称道的一点在于，它基于先进的面部识别与跟踪技术，能够根据你录制的小样来生成一个高度逼真、真实动态的虚拟形象，完美呈现你面部的各种表情和情感。这种技术的精度和真实感，在影视制作、游戏开发或是虚拟试衣等领域，都非常具有想象空间。

网址： https://www.unrealengine.com/en-US/blog/

2. 票房预测

ScriptBook

剧本分析：ScriptBook 最大的特点是可以根据电影剧本来预测这部电影的票房是否会赚钱，它会根据剧本生成一系列的报告，包括预测美国电影协会的分级、电影受众、票房成绩等，它的预测水平至少比人类预测高三倍以上（当然这不代表它是一定准确的）。

网址： https://www.scriptbook.io/#!/

3. 食品加工

Tastewise

Tastewise 通过人工智能和大数据分析技术来了解食品和饮料行业的趋势和消费者喜好。

风味趋势分析：Tastewise 通过对全球食品加工数据的分析可以提供有关消费者喜好和趋势的数据洞察，同时通过预测新兴的食品和饮料趋势，帮助企业提前作出决策，以满足市场需求。

网址： https://tastewise.io/

4. 保险理赔

H2O.ai

H2O ai 最显著的特征便是可以帮助汽车保险公司在效率上获得显著提升：

节省人工成本：之前需要人工专员来进行定损、监测，但是现在通过 ai，用户自己拍照上传，ai 根据图片快速判断汽车零部件是需要维修还是更换，及时反馈带来良好的用户体验，也帮助保险公司节省人工成本。

有效识别用户是否在保险欺诈：ai 能够以较为精确的方式判断车辆的实际情况与实际责任人是谁，可以 以较高的效率解决为公司解决骗保问题。

网址： https://h2o.ai/case-studies/

5. 农业

Harvest CROO

Harvest CROO 是一家专门做机械自动化采摘的公司，目前他们在草莓自动化采摘方面取得了很好的效果。

全自动化采摘：草莓采摘最大的难点在于草莓表皮脆弱，且采摘起来很依赖劳动力。Harvest CROO 基于视觉识别系统可以判断草莓是否成熟、可采摘，并通过对于收割机的调度与控制，保证机械手臂不会损伤草莓表皮，实现全自动化采摘。这项技术的成功应用，不仅可以提高草莓采摘的效率，还能减少劳动力的需求，为农业生产带来了更多可能性。

网址： https://www.harvestcroorobotics.com/

同类型农业应用：

Blue River Technology

Blue River Technology 是一家为农业产业服务的公司，他们基于计算机视觉的机器人技术，帮助农民实现更高效、更精确的农业生产。

精确控制：利用计算机视觉机器人技术，能够识别每一株植物，还能够针对每一株植物精确施用适量的肥料或除草剂，这样的操作是在以拖拉机正常驾驶的速度下完成的。（相比于传统的设备，Blue River Technology 的机器人能够大大减少化学品的使用量，并提高种植者的经济效益。）

网址： https://bluerivertechnology.com/

6. 金融信贷

Zest AI

Zest AI 是一个信贷评分平台，利用 AI 技术分析贷款申请人的信用数据，帮助金融机构降低违约风险。

风险管理：通过分析数据来更准确地评估申请人的信用风险，还能提高金融机构放贷给那些能够偿还债务的人的准确性。同时帮助金融机构避免向高风险借款人放贷，减少机构的损失。

网址： https://www.zest.ai/

7. 工业物联网软件平台

GE Predix

Predix 是通用电气 (GE)推出的一款面向工业领域的基础系统平台，适用于多个行业，如制造、能源、医疗等。

提升开发效率：Predix 提供了多种开发套件，能够帮助开发者高效地开发出定制化的专业应用，从而提升开发效率。这些套件不仅能够满足不同开发者的需求，还能保证数据及应用的安全性，为用户提供可靠的服务。

网址： https://www.ge.com/digital/

8. 药物研发

Pharma.AI

Pharma.AI 是一套全集成式的新药开发软件套件。

缩短药物研发周期：在药物研发效率上，它可以帮助药物研发人员把筛选一个药物靶点的时间从四五年缩短到几个月甚至 30 天左右，极大缩短药物从开发到上市的时间，以前需要以年计算药物的开发周期，但现在可以用月来计算，这不仅能够在更大程度上帮助更大的患者提升生还机率，也能为药品研发公司节省大量成本。

节省医药研发成本：根据塔夫茨大学药品研发研究中心通过既往获批的药物数据发现，研发一个新药至少需要 10 年、26 亿美元的巨大投入，现在则有望将时间控制在十个月，而药物研发成本也有望控制在百万美元左右。

网址： https://insilico.com/platform

其他药物研发类应用：

BenevolentAI

是一家英国 AI 医药研公司。

绘制复杂生物学图谱：BenevolentAI 能够分析知识库中数据相互关系，并以前所未有的细节绘制复杂多因素疾病的潜在生物学图谱， 有效加速药物的研发与生成。

网址： https://www.benevolent.com/

9. 医学影像

NANOX AI

NANOX 是一家医学影像扫描公司，他们研发了一套基于 AI 算法的影像分析系统，能够辅助医生更准确地诊断疾病，识别多种疾病征兆，如癌症、心血管病、骨质疏松等。

早期干预：这项技术的优点在于可以进行早期干预，这样可以很大程度上减少由于疾病未及时发现带来的悲剧，也能帮助患者提高医疗诊断质量，为患者制定保健、康复方案，帮助患者改善病情，提升生活质量。科技向善，希望这样的技术能够帮助到越来越多的人。

网址： https://www.nanox.vision/ai

10. 机器人流程自动化软件

UiPath

UiPath 是一家开发机器人流程自动化平台的全球软件公司。

自动化：可以根据需求在企业部署自动化流程，帮助组织实现自动化业务流程。

提升效率：用于优化流程提升组织效能，可以有效节省企业员工的时间与精力，在提升员工体验的同时，也能帮助员工专注于更有价值的事情。

网址： https://www.uipath.com/

11. 商业智能分析

Tableau AI

Tableau 是一家数据驱动的公司，致力于用数据分析帮助企业更好的预测业务、决策与战略。

智能决策辅助：Tableau AI 通过对数据样本的分析，可以给出有效的建议与对事物的相关预测，在工作中，能有效帮助专家、决策人员提升决策效率，比如通过数据分析，补全我们的思考维度或是提出更好的建议等。

网址： https://www.tableau.com/solutions/ai-analytics

12. 舆情分析

Signal AI

Signal AI 是一家解决方案提供商，公司打造“营销情报套件”帮助企业客户监测网络舆情信息。

信息结构化：Signal AI 可以分析并结构化网上的各种信息与舆论，能够帮助公司在最短的时间内知道，外界舆论对其的态度与看法，这一点对于站在聚光灯下的企业很有帮助。

提升企业影响力：帮助企业及时了解各行各业对于企业的评价与看法，以便快速调整企业策略，保证企业的声誉、品牌。

网址： https://www.signal-ai.com/

13. 大数据分析平台

Palantir

Palantir 是一家美国的软件服务公司，以大数据分析出名，主要客户为政府机构和金融机构。

大数据分析：允许客户对大量的敏感数据进行分析，以防止欺诈，确保数据安全等，通常应用于的高度保密的政府项目及高价值商业项目。该技术已经为 JPMorgan 每年节约了数亿美元不必要的损失。

网址： https://www.palantir.com/

14. 视觉识别

Landing AI

Landing AI 是一家计算机视觉应用公司。

图像识别：Landing AI 能够根据需求在农业、加工业、制造业等领域的产品质量检测中发挥关键作用。通过运用计算机视觉技术，实时检测生产线上的产品，从而有效降低缺陷产品的比例。

网址： https://landing.ai/

15. 软件开发平台

C3.ai

C3.ai 是一家 AI 应用厂商，致力于为企业提供数字化转型解决方案。

可扩展的人工智能平台：帮助企业能够快速构建、部署和运行大规模的 AI、大数据和物联网相关应用。（目前推出的 C3 Generative AI 套件将 Open AI、谷歌等组织的最新 AI 能力模型集成其中）。

网址： https://c3.ai/

前言随着互联网的不断发展，设计师和开发人员之间的界限越来越模糊。在过去，设计师只需要关注设计方面的工作，而开发人员只需要关注编程方面的工作。但现在，设计师需要具备一定的开发知识，以便更好地与开发人员合作，共同完成项目。

前言

随着互联网的不断发展，设计师和开发人员之间的界限越来越模糊。在过去，设计师只需要关注设计方面的工作，而开发人员只需要关注编程方面的工作。但现在， 设计师 需要具备一定的开发知识，以便更好地与开发人员合作，共同完成项目。接下来讲一些基础知识拆分为车架/外壳/动力系统进行讲解，希望通过具象化的策略帮助各位同行理解前端知识。

更多前端知识：

想让设计落地效果更好？5分钟帮你掌握前端基础知识！ 编者按：设计师应该学习哪些前端基础知识，才能和工程师顺畅沟通？

阅读文章 >

一、设计师理解开发知识的难点 设计师可能不熟悉开发中使用的技术术语和概念，例如编程语言、技术框架、数据库等。这些术语和概念对于开发人员来说非常熟悉，但对于设计师来说可能比较陌生，需要花费一定的时间和精力去理解。

设计师可能对于某些技术实现的复杂性感到困惑或者无从下手。例如，设计师可能不了解如何使用代码实现某个功能，或者不知道如何集成不同的技术框架。这些问题需要通过学习和实践来逐步解决。

设计师可能无法理解开发人员使用的术语和技术，而开发人员可能难以理解设计师的想法和需求。在这种情况下，需要通过积极的沟通和协作来解决问题。

很多时候无法理解某些技术在实际应用中的优缺点，以及如何解决实际问题。在这种情况下，需要通过实践和学习来积累经验，并且与开发人员保持合作，共同解决问题。 在实际工作中，设计师需要不断学习和掌握开发知识，以便更好地与开发人员协作，完成项目的开发和实现。同时，设计师也需要保持开放的心态和积极的态度，不断学习和探索，提高自己的专业素养和实践能力。

二、基础认知 常见的 WEB 端的基础开发分为 HTML，CSS 以及 JavaScript：

HTML：方便对网页的结构进行调整，这里具象化为车架还有底盘。 CSS：需要了解网页样式，例如：字体大小，颜色等等。这里具象为车。 JavaScript 基础：UI 设计师需要了解 JavaScript 的基本语法和常用 API，以便在设计过程中实现一些简单的交互效果和动画效果。这里比喻为发动机和传动系统。 三、车架+底盘 HTML 是 HyperText Markup Language（超文本标记语言）的缩写，是一种用于创建网页的标准标记语言。HTML 使用一系列标记（tag）来描述网页中的各种元素，例如文本、图像、链接、表格等等，通过浏览器解析这些标记，最终呈现出整个网页的样式和内容。HTML 标记通常由一对尖括号（< >）和一个标记名组成，名通常表示标记的类型，例如表示一个 HTML 文档的开始，表示文档的头部，表示文档的主体部分。

除了标记名之外，标记还可以包含一些属性，用于描述标记的一些特性和属性。例如，标记用于插入图像，可以包含 src（图像的 URL）、alt（图像的说明文字）等属性。HTML 标记语言非常强大和灵活，可以通过各种标记和属性来实现各种不同的功能和效果，例如创建表格、列表、链接、表单等等。同时，HTML 也是一门相对容易学习的编程语言，可以为初学者提供一个良好的入门门槛，帮助他们了解网页开发的基础知识和技能。

三、车身 CSS 是 Cascading Style Sheets（层叠样式表）的缩写，是一种用于描述网页样式的语言。CSS 可以为 HTML 文档中的各种元素（包括文本、图像、背景等）定义不同的样式和布局，从而改变它们在浏览器中的外观和行为。CSS 中的样式通常由一对花括号（{ }）和一些属性-值对组成，例如：

plaintextCopy code h1 { color: red; font-size: 24px; }{{{pre> 这个样式表示将所有的 h1 标题颜色设为红色，字体大小为 24 像素。其中，color 和 font-size 是样式属性，red 和 24px 则是对应属性的值。这些属性和值的组合可以控制元素的字体、颜色、边框、内边距、外边距、定位等等方面的样式。CSS 还支持选择器的使用，可以根据元素的标签名、类名、ID 等属性来选择特定的元素，并对其应用样式。例如：

plaintextCopy code p { color: blue; }{{{pre> 这个样式表示将所有的 p 段落文字颜色设为蓝色。而如果想仅对 class 为 content 的元素应用样式，可以这样写：

plaintextCopy code .content { font-size: 16px; }{{{pre> CSS 的强大和灵活性使得它成为现代网页设计中不可或缺的一部分。通过 CSS，设计师和开发人员可以轻松地控制网页中各个元素的外观和行为，从而实现丰富多样的视觉效果和交互特性。

除了基础的样式，还有栅格系统和开发的布局方式。

四、常规的网页布局 1. 盒模型布局：

基于盒模型的布局方式，即将网页上的每个元素看作一个盒子，通过设置盒子的宽、高、内边距、外边距、边框等属性，来控制元素在网页上的布局。

2. 浮动布局：

通过设置元素的浮动属性，使元素脱离文档流，从而实现多列布局等效果。

3. 定位布局：

通过设置元素的定位属性，来控制元素在网页上的位置，常用的有相对定位、绝对定位和固定定位等。

4. 弹性布局：

基于 CSS3 弹性盒子布局模型，通过设置元素的弹性属性，来实现网页的自适应布局。

5. 网格布局：

基于 CSS3 网格布局模型，通过设置网格列数和行数，以及各个网格元素的位置和大小，来实现网页的复杂布局效果。

五、栅格栏 前端中的栅格布局可以通过使用 CSS 框架来实现，比如 Bootstrap、Foundation 等。这些框架都提供了栅格系统的封装，使得开发者可以通过简单的 HTML 和 CSS 代码，实现网页的栅格布局。 以 Bootstrap 为例，它的栅格系统基于一个 12 列的网格布局，可以通过在 HTML 中使用

编辑导读：导航栏是用户对产品架构了解的第一途径，是作为产品各个功能之间的桥梁，能够对产品功能进行分发、引导。本文作者以 B 端产品的导航栏为例，对其进行分析，希望对你有帮助。相关干货：5000字干货！

编辑导读：导航栏是用户对产品架构了解的第一途径，是作为产品各个功能之间的桥梁，能够对产品功能进行分发、引导。本文作者以 B 端产品的导航栏为例，对其进行分析，希望对你有帮助。

相关干货：

5000字干货！全方位掌握「导航栏设计」知识点！ 前言 APP 的顶部导航栏（以下简称“导航栏”）对我们来说再熟悉不过了，它是 UI 设计中必不可少的组成部分，几乎每一个页面都会使用到。

阅读文章 >

一、定义 B 端导航栏，是 B 端产品最重要的模块，对于大多数用户来说，使用 B 端产品主要是对具体功能进行操作，而导航栏作为产品各个功能的桥梁，他的作用是对产品功能进行分发、引导，让用户可以高效、准确的在各模块间穿梭。

导航栏的作用可以归纳为以下 4 点：

作用一：这里有什么，告诉用户这里有些什么，导航栏通过将功能结构可视化的方法，告知用户产品有哪些功能；

作用二：我在哪里，确定用户的位置，好的导航会告诉用户当前所处位置，避免迷路；

作用三：怎么去，告诉用户如何使用，好的导航能够帮助用户规划行程，执行完这一步操作后，下一步该去哪操作，帮用户快速找到所需内容；

作用四：怎么回，告诉用户怎么返回，逆向导航，告知用户路径或者规划好用户的返回路径，让用户可以无感回到起始页面。

二、菜单 B 端产品设计中，导航栏是功能菜单的载体，核心是功能。因此在进行 导航栏设计 时，一个非常重要的前提就是要对菜单进行规划，整理。

1. 菜单的历史变迁

2. 整理菜单

导航栏设计，必然要满足 “导航” 这个核心目标，组件的样式、交互必须为功能服务。通常情况下，导航是反映产品功能模块的入口，产品中包含多少模块、子模块，就需要有序的布置到导航里面。我们可以通过思维导图的将菜单罗列出来，思维导图能解释不同功能层级的结构和从属关系，尤其是当菜单数量多，且层级超过两级的时候，思维导图就显得很有必要了。

理想状态下，导航菜单建议最多不要超过 9 个，最少不要低于 5 个。

根据“7±2 原则”描述明确到：在导航菜单当中，超过 9 个会给用户查找时带来困难，低于 5 个说明导航菜单的分配效率不够高效。但在实际业务中，很多时候会超过 9 个菜单，这时需要对菜单进行分组，因为导航过多，用户寻找会十分迷茫，通过分组的方式，能够对菜单进行再次分类，提高查找效率。

7±2 原则解释：1956 年乔治米勒对短时记忆能力进行了定量研究，他发现人类头脑最好的状态能记忆含有 7（±2）项信息块，在记忆了 5-9 项信息后人类的头脑就开始出错。

3. 菜单的深度和广度

当菜单广度过大，我们也能够通过设计的方法来优化导航菜单，

方法一：增加搜索栏，筛选菜单；

方法二：千人千面，据用户角色的不同，展示不同的菜单，大部分 B 端用户并不需要使用到全部功能菜单，管理员可以根据自身公司的业务不同，给用户配置出不同的角色权限予以满足用户的导航需求，这样在设计层面上能够减少很多不必要的麻烦。

某云目前拥有大概 100+功能，这些都需要在导航菜单上显示，因此在导航设计上，它的模式是：全部菜单导航+搜索菜单

4. 导航菜单不能隐藏超过两级

导航菜单隐藏超过两级时，代表着产品在用户的使用规划中，没有深入思考整个用户体验，导航菜单层级越多，用户查找就会越慢，有一些三级导航的菜单，会通过设计优化来实现隐藏导航的合并，从而减少用户操作负担。

三、导航 1. 导航栏-PC

多种导航栏类型，该如何选择？功能型产品适合侧边导航，侧边导航效率高、迟疑和错误更少，用户也普遍比较喜欢，信息型产品适合顶部导航，比如门户网站。

Jennifer Rose Kingsburg 曾经对网页的三级菜单导航进行过一份研究，结论是左侧导航相对顶部导航优点更多些

① 侧边导航栏

将菜单栏放置在左侧，页面布局上基本为左右结构，侧边导航在国内产品中最为常见，国内厂商对于侧边栏导航的尤为偏爱，也就造成了现在 B 端产品的发展也逐渐趋同。

那么为什么国内 B 端为什么大多数是侧边导航栏呢？我把这种现象归纳为以下 3 个原因：

原因一：中文文字宽度较短，侧边导航能最大发挥出他的优势，能最大限度减少空间的使用率；

原因二：国内的业务复杂，以及对于扩展性的要求较高，每个企业都想做一个又大又全的产品，因此侧边导航栏更加适合国内的实际需求；

原因三：一级导航在左侧时，效率高、迟疑和错误更少，用户追求的是使用产品完成目标任务，注重的是功能完整性和操作便捷性。

② 顶部导航栏

将菜单栏放置在顶部，页面布局上基本为上下结构，顶部导航早期出现于各类门户网站，比如企业官网，各种咨询类的网站经常会采取这样的导航形式。顶部导航通常在 B 端产品中也是十分常见的，但还是以国外产品最为集中。

③ 混合导航栏

将顶部导航与侧边导航进行结合。通常将一级导航菜单放置顶部，通过一级菜单的点击后，展示侧边的二、三级菜单。在一些产品拥有复杂的逻辑关系，菜单之间关系分明的产品中，混合导航也是一个不错的选择。

2. 导航栏-APP

① 拇指热区

移动端的交互都在手掌上完成，因此，在对移动端产品进行设计时，手势是不可忽略的一部分。

拇指热区概念来源于交互大神 Steve Hoober 的一个观察实验，他发现在手机大屏时代，大部分的用户是以下图的方式抓握手机：以拇指的底部为支点，抵在手机的右下角。

设计导航系统的时候，也会遵循拇指热区的原则，把主要功能放在绿色区域，辅助功能放在黄色或者红色区域。

② 底部导航栏

APP 最常使用的导航模式，用于一级目录的导航，位于页面底部，无论用户单手还是双手操作都能轻松点击，能告诉用户当前位置及用户切换统一层级之间的不同模块。底部 Tab 栏具有很强的包容性，可以形成最基本的信息框架，然后用其他的导航模式来承载具体的功能和内容。展现形式有文字 + icon，也有纯 icon 形式，大部分是文字+icon，可能是减少用户记忆负担。

优点：可以在第一时间让用户了解使用频率最高、最重要的功能和信息，同时能够支持用户在不同模块之间的快速切换。

缺点：底部导航栏超过 5 个就容易引起误点操作，同时在底部会占据一定的屏幕空间。

③ 底部（舵式）拓展栏

为了突出中间的功能，把 Tab 做的比较突出，鼓励用户更多使用该功能。常见的 APP 如某鱼、某乎等使用了这种导航栏，把第三个 Tab 标签做的更加突出，放进了一些常用的功能。

优点：可以提高导航栏趣味性，让用户贡献更多的内容。

缺点：此类导航也是一种二级导航，既然是重要功能为什么会放在二级导航呢？把重要功能放在二级界面，会增加用户的记忆负担以及操作负担。

④ 顶部 Tab 栏

用于展示同一模块下不同类别的信息或者筛选不用模块的信息，一般二级导航且支持左右滑动。

优点：可以很好地扁平化信息层级，让用户可以迅速实现同一模块下不同类别信息之间的切换并且不会迷失方向。

缺点：位于顶部切换起来不是很方便，同时占据空间，导致屏幕可展现区域变少。

⑤ 侧边（矩式）导航栏

通常针对产品偏沉浸式阅读的情况下使用，主导航模块切换频率低，放入其中的模块使用频率低。常与底部标签式导航组合使用，将一级页面内的信息再细分，给人以清晰的呈现方式。通过把非核心功能的低频操作都放到一个抽屉里，使得用户获得沉浸式的体验，而且能够集中用户的注意力，让用户去更好地完成核心功能，不被打扰。

优点：用户可以将注意力放在首页，减少其他类型的导航带来分散用户注意力的情况，给用户更沉浸式的操作感和阅读感，同时可以最大限度利用屏幕空间。

缺点：侧边导航属于二级导航，用户使用的频率会降低，不利于产品页面流量的最大化，越放在下面的功能点击率越低，如果产品框架比较大，有很多功能需要推广时，一般不用此类导航。

⑥ 列表式导航栏

通常用来展示某个具体模块内容的信息进行分类，以列表的形式呈现大量的条目。多用于辅助主导航来展现信息甚至更多层次的内容，有时候需要一些提示信息。

优点：

列表式结构具有很强的延展性，调整的弹性高，菜单的排序更符合人的阅读习惯，它的导航效率高；

可以引入字母索引，在菜单很多时对菜单进行二次分类。

缺点：

承载的信息种类比较单一，容易引起用户的单调感，很难让用户长时间停留，如果列表中蕴含的信息量比较庞大，往往需要加入搜索功能或者索引，否则用户会遇到寻找信息的困难。

⑦ 宫格式导航栏

一般作为信息或平台的入口，为产品或项目信息提供聚合的载体，适合承载订阅类产品或众多属性差异非常明显的分类信息，此类导航信息的呈现内容比较少，但是每个项目选取的效率比较高。

优点：

可以通过入口来进行流量的分发，具有较强的延展性，可以无限扩展内容； 可以划分多个内容、多个模式，由不同团队独立开发每个模块再聚合。 缺点：

宫格式结构是信息或平台的入口，所以具体的信息往往隐藏在下一级界面，用户无法第一时间看到信息，会增加用户的认知成本； 同时多个入口的情况下用户选择压力大，不同入口之间缺乏联动性，有可能会增加用户的操作。

⑧ 卡片式导航栏

宫格式导航的一种延展形式，通过增加内容的可视化程度让每个条目呈现更多的信息。它能根据页面内容的变化及时更新图片，适合以图片为主的内容，像新闻、美食、旅行、视频图片等经常使用，常作为二级导航。

优点：对运营量的要求比较低，而且单个条目的转化率会相应的提高。

缺点：当运营量较大的时候，这种结构会降低用户寻找信息的效率。

⑨ 轮播（平铺）式导航

适用于足够扁平化的内容和随意浏览的阅读模式，将所有信息平铺在一个页面，很容易带来高大上的视觉体验。

优点：最大程度的保证了页面的简洁性和内容的完整性，且一般都会结合滑动切换的手势，操作起来也非常方便。

缺点：用户只能切换的相邻页面，很难跳转到非相邻的页面，容易迷失位置。

四、设计落地-以 PC 端为例 1. 第一步：整理层级框架

制定出一个能满足层级显示和操作的交互结构出来，值得注意的是，导航选项中，并不是所有的选项都是用来跳转的，有的菜单是用来辅助区分内容和用来展开的，我们可以在菜单上标注说明。

2. 第二步：思维导图提取信息

现状：一级菜单 11 个，二级菜单 37 个，最多有三级，产品经理反馈二期会有新增功能

分析：一级菜单目前 11 个已经超过顶部导航的显示范围，且后续会不定数量新增，考虑到导航的扩展性及容纳性，侧边导航可能更适合产品本身

3. 第三步：设计导航栏

整理好上方的内容层级，到具体设计步骤里，首先要做的，就是制定出一个能满足层级显示和操作的交互结构出来。

再整理一遍，侧边栏的内容包含：

不可点击的分类标题 可以展开的一级分类 可以实现跳转的一级分类 可以点击的二级分类 而可交互的元素，对应的交互状态就包括：

鼠标悬浮一级菜单样式 鼠标悬浮二级菜单样式 选中一级分类，一级分类高亮 展开一级并选中二级分类，二级分类高亮 先用原型做个示意，它的状态包含了默认、选中一级、选中二级三种情况：

4. 第四步：导航栏的选中样式

菜单的选中样式是指示用户当前所处位置的重要因素

设计时要注意：

子级和父级之间的区分 悬停状态与选中状态的区分 如果有悬停展开的子级，就要注意，显示悬停菜单时，一级菜单尽量不出现背景填充的样式。

5. 第五步：功能拓展

前面提到，产品二期会有新功能上线，后面还会有三期、四期…需要考虑导航栏的可拓展性，功能太多该怎么调整？

思考方向：侧栏如何容纳超过一屏的菜单？如何快速找到我想要的功能？

解决方案 1：单一用户或角色所需要使用的功能菜单一般只有几个，管理员可以针对角色或用户进行权限配置，特定角色展示特定菜单；

解决方案 2：可以增加搜索栏，对菜单进行快速查找。

6. 最后落地

通过上述的分析与整理，便得出能满足我们现有功能的导航栏。

注意踩坑：如果一种导航模式用起来不够好用，是否需要在重构时切换到另外一种模式呢？根据 Jira 的用户测试 ，95% 的老用户对于这种情况会感到非常迷惑，即使是再小的导航功能修改都可能直接影响到大量用户的日常使用，因此不管哪种导航模式，一旦选定，尽量不要改变，所以在选择使用何种导航时，一定要结合产品的特性来谨慎选择。

五、逆向导航 横向导航和前进导航分别指引用户操作的水平渐进和层级渐进，逆向导航则负责对反向轨迹进行定义和实施，三者结合，实现对页面的全局操控。

PC 产品，通过页面常驻的导航栏+面包屑+浏览器的返回键，用户可以很轻易地返回或者向上跳转。相较之下，移动端的逆向导航需要进行更多的设计。后面的讨论以移动端为例。

逆向导航的概念官方定义出自 Material Design：从用户行为维度，分成三类：Lateral navigation（横向导航）、Forward navigation（前进导航）以及 Reverse navigation（逆向导航）

1. 什么时候需要逆向导航？

2. 反向导航的设计要点

① 逻辑：操作闭环

不管是由用户还是系统触发，都必须保留回退的通路。使用过程中不能给用户留下死胡同、断头路。

② 体验：满足预期

在完成第一步的基础上，需要对反向导航做更多的思考。

当用户进入比较深的页面，并不一定希望按照顺序依次返回。 当任务流结束的时候，用户更期待返回“首页”,而不是“上一页”。 90%的情况下，我们可以用 “从哪来回哪去“的方式满足需求。但是在 B 端产品中，容易出现链条很长的任务流，用户一个页面一个页面地操作，最后完成提交或者保存。这时候用户进入层级太深，“逐层返回“的方式就不太合适了，回到首页更符合用户的预期。

六、结束语 工作中还有很多可以进行深入研究的地方，这里就说到这，文中如有不当的地方，欢迎大家一起交流。